Google

มารู้จักกับ HTML กันก่อนเลย

Written on:November 4, 2014
Comments are closed

สำหรับพี่ๆ เพื่อนๆ น้่องๆ ที่อยากทำเว็บไซต์ แบบง่ายๆ กลุ่มภาษาที่เราจะใช้ในการสื่อสารกับ Browser หรือ Languageที่เราจะใช้ในการเขียนเพื่อแสดงผลออกมา ในโครงสร้างที่เราได้ออกแบบไว้ นั่นก็คือ ภาษา HTML ( Hypertext Maekup Language ) พูดถึง HTML ผมเห็น Youtube คลิปนึง ( จำไม่ได้แล้วว่าคลิปไหน ) เป็นของฝรั่งครับ ดูเหมือนแกจะสอนโอเคอยู่นะ แต่ก็มีไอพวกแว่นหนา ( หรือจ้องจะจับผิดเขาก็ไม่รู้ )  คือแกดันไปหลุดว่า HTML เป็น Programming Language ครับ ซึ่ง HTML เป็น Markup หรือตัวช่วยจัดรูปแบบโครงสร้างนะครับ ไม่ใช่ Programming Language แต่เผอิญแว่นหนาแกดันไม่แบบคอมเม้นแบบให้เกรียติเจ้าของคลิปสิครับ แบบ เออ มันไม่ใช่นะอะไรก็ว่าไป ดันแบบ เหมือนโชว์ภูมิ และก็โดนด่าไปตามระเบียบครับ เสียดายผมจำคลิปไม่ได้  คือจริงๆ เราไม่ต้องไปจำไอพวกนี้เยอะหรอกครับ เอาเป็นว่า   HTML  เป็นรูปแบบภาษาที่เราจะใช้จัดรูปแบบของเว็บเพจแล้วกันครับ ง่ายดี ร่ายมาซะยาว อิอิ  มาดูหลักของมันกันครับ

Tag หลักๆ หลัก สี่ หรือดอนเมือง ( ความง่วงทำให้คนแป๊กได้  อิอิ )
Html หลักๆ จะประกอบ ด้วย Tag ต่างๆมากมาย โดยมีแท็กหลักๆที่ต้องปรากฏอยู่ทุกๆเว็บไซต์ อาทิ head , title , meta , link , header ( ไม่เหมือนกันกับ head นะครับไว้จะบอกว่ามันต่างกันยังไง )  html  , body  ,aside( บางเว็บ ) , article และ footer เป็นต้น โดยที่กล่าวมาจะเป็น Tag หลักๆที่เราจะใช้ร่างโครงนะครับ ถ้าเปรียบเทียบกับการวาดภาพ ก็คือ การไกด์เส้น แบ่งส่วนไว้ก่อนนะั้นนเองครับ ( เรียกไม่ถูกขออภัยนะครับ ไม่ค่อยเก่งเรื่องศิลปะ )

Tag คืออะไร

พอดีพิมพ์รายละเอียด Tag หลักเสร็จแล้วลืมบอกเลยครับว่า Tag มันคิออะไร ง่ายๆครับ  Tag คือ…..( อะไรดี )  กลุ่มคำสังที่เราเขียนออกมาเพื่อแบ่งสัดส่วนของเอกสาร HTML ที่เราได้ทำขึ้นมาโดย Tag มันจะเป็นเหมือนแค่การบอกว่าตรงนี้มีอะไรอยู่  เช่น  <form>  ซึ่ง Tag บาง Tag ของ HTML จะมีคุณสมบัติเฉพาะ เช่น Form เราจะใช้ในการส่งข้อมูลระหว่างหน้าเว็บเพจ

Element แฝดคนละฝา

เชื่อไหมครับ ว่า ผมหาความหมายของ Element  ( เพราะผมก็เคยเป็นพวกแว่น ) คือ ต้องลึก รอบรู้ โอ้ ข้านี้เป็นผู้เชี่ยวชาญ ฟิวประมานนี้เลยครับ  แต่ทุกวันนี้ ผู้อ่านไม่ต้องเป็นพวกแว่นก็ได้ครับ เอาให้เข้าใจง่ายๆเลย  Element คือ Tag ที่มีข้อมูลอยู่ในนั้น ไม่ว่าจะเป็นค่า Attibute / String สำหรับ Element จำไปง่ายๆก่อนนะครับ เราจะได้เห็นข้อแตกต่างของมันและซึมซับเข้าไปเองเมื่อเราไปอยู่ใน ในโลกของ HTML5 + Javascript ในระดับนึงครับ ผมอยากสอนเพื่อให้ได้นำไปใช้ในโลกความจิงมากกว่าครับ พวกนี้ยังไม่ต้องไปจำหนักมาก มันเสียเวลาครับ เพราะประสบการณ์มันจะทำให้เราแยกมันออกเอง เพราะบางครั้ง คนเรียกทับๆกันไปเลยก็มีครับ

Tag รองก็จะเป็น Tag ที่ใช้ลงรายละเอียดในหน้าเว็บเพจครับ เช่น Div , img ,  a  , ol , ul ,li

ไว้จะมาลงรายละเอียด Tag ต่างๆกันนะครับ

Keyword : การสร้างเว็บเพจด้วยภาษา html , การสร้างเว็บ html , การสร้างเว็บเพจ html , สอนสร้างเว็บ html

Sorry, the comment form is closed at this time.