แท็ก HTML Header ที่สำคัญที่ควรรู้จัก เรามาดูและทำความรู้จักแท็กที่ส่วนมากเรากำหนดไว้ในแท็ก <head> กันครับ ซึ่งเรารู้แล้วว่าแท็กที่อยู่ใน <head> จะไม่ปรากฎในหน้าเว็บเพจ แต่จะเป็นแท็กที่เอาไว้สำหรับกำหนดคุณสมบัติต่าง ๆ ของเว็บเพจนั้น ๆ ซึ่งก็มีหลาย ๆ แท็กที่ควรนำไปใช้ และบางแท็กก็มีความสำคัญที่เราจะมองข้ามไม่ได้ เรามาดูกันครับ The HTML <title> Tag HTML <title> แท็กเอาไว้สำหรับกำหนด title ให้กับ HTML document ตัวอย่างการใช้งานแท็ก <title><title>HTML Title Tag Example</title> The HTML <meta> Tag HTML <meta> แท็กจะใช้ในการกำหนด metadata ของ HTML document ซึ่งรวมไปถึงการเพิ่มข้อมูลเกี่ยวกับเพจ keywords description และอื่น ๆ อีกมาก เรามาดูตัวอย่างที่สำคัญกันครับ <!– เป็นการกำหนด
การใช้ HTML List แบบง่าย ๆ มาดูวิธีการใช้ List ใน HTML แบบง่าย ๆ กันครับ ซึ่งจะเป็นพื้นฐาน เราจะมาดูว่าโค้ดพื้นฐานเป็นแบบไหน และ List นั้นมีอะไรบ้าง ใน HTML นั้นได้เสนอวิธีการกำหนดข้อมูลที่เป็น List ออกมาเป็น 3 วิธีนั่่นคือ <ul> เป็นตัวย่อของ unordered list เป็นการแสดง List ให้เป็นรายการโดยไม่มีลำดับและ default เป็นรูปวงกลม<ol> เป็นตัวย่อของ ordered list เป็นการแสดง List ในรูปแบบของลำดับตัวเลข<dl> เป็นตัวย่อของ definition list เป็นการจัดแสดง List คล้าย ๆ รูปแบบของ dictionary ตัวอย่างโค้ดและตัวอย่างการแสดงผลที่ได้ UL <ul><li>Beetroot</li><li>Ginger</li><li>Potato</li><li>Radish</li></ul> ผลลัพธ์ที่ได้ Beetroot Ginger Potato
HTML Tag, HTML Elements, HTML Attributes ต่างกันยังไง มาดูความแตกต่างระหว่าง HTML Tag, HTML Element และ HTML Attributes กันดีกว่าครับ ว่ามันแตกต่างกันยังไง ซึ่งถ้าฟังดูแรก ๆ อาจจะสับสนระหว่างคำพวกนี้นี้ HTML Tag ในการใช้ภาษา HTML นั้นเราจะรู้แล้วว่าถ้าเราต้องการจะทำ header แล้วเราสามารถใช้ <h1> <h2> <h3> .. ไปเรื่อย ๆ ได้ ซึ่งพวกนี้เราจะเรียกว่า Tag ซึ่งบางแท็กก็จะมีแท็กเปิด เช่น <h1> และก็มีแท็กปิดเช่น </h1> แต่บางแท็กก็ไม่จำเป็นต้องมีแท็กปิด เช่น <br /> HTML Element HTML Element จะถูกกำหนดโดยการเปิดแท็ก และถ้าแท็กนั้นมีข้อมูลอยู่ก็จะมีแท็กปิด แต่บางแท็กไม่จำเป็นต้องมีแท็กปิด แต่เราจะเขียนโดยมีเครื่องหมายสแลชเพื่อเป็นการบอกว่ามีการปิดแท็กแล้ว มาดูตัวอย่างโค้ดกัน ตามด้านล่าง