ภาษา HTML: โครงสร้างของภาษา HTML

2. โครงสร้างของภาษา HTML

การสร้างเอกสาร HTML มีองค์ประกอบ หรือ อีลีเมนต์ (Element) หลักๆ อยู่ 2ส่วน คือ ส่วนที่เป็นข้อความที่จะพิมพ์และส่วนที่เป็นคำสั่ง
 2.1 แท็กคำสั่ง สำหรับส่วนที่เป็นคำสั่งที่จะนำมาใช้เพื่อกำหนดส่วนต่างๆในเอกสารซึ่งจะถูกเรียกว่า แท็ก (Tag)
และจะเขียนอยู่ในเครื่องหมาย < > ในรูปแบบ < คำสั่ง > เช่น <html>,, เป็นต้นโดยแต่ละแท็กจะทำ
หน้าที่แตกต่างกันไป แบ่งออกเป็น 2 กลุ่ม ดังนี้ 1. รูปแบบคำสั่งที่มีเพียงคำสั่งเดียวหรือมีแท็กเดียว สามารถใช้งานได้และสิ้นสุดความหมายด้วยตัวมันเอง
เช่น , เป็นต้น
 2. รูปแบบคำสั่งที่แยกออกเป็น 2 ส่วน หรือแท็กคู่ คือ มีส่วนเริ่มต้นเรียกว่า แท็กเปิด ( Start tag)
และส่วนจบของคำสั่งเรียกว่า แท็กปิด (End tag) โดยส่วนที่จบของรูปแบบคำสั่งจะมีเครื่องหมาย slash (/)
กำกับไว้หน้าแท็กนั้นๆ

<ชื่อคำสั่ง> ........ข้อความเอกสาร........</ชื่อคำสั่ง>

ตัวอย่างเช่น

<html>..........</html>
..................
.................. เป็นต้น

ในการเขียนรูปแบบคำสั่งที่แยกออกเป็น 2 ส่วนหรือแท็กคู่ คำสั่งนั้นจะต้องเป็นคำสั่งที่สมมาตรกัน
เช่น เมื่อเปิดด้วยคำสั่งตัวหนา  และขีดเส้นใต้  เวลาเปิดคำสั่งก็ต้องปิดด้วยคำสั่งขีดเส้นใต้ก่อน
แล้วจึงปิดด้วยคำสั่งตัวหนา ดังนี้

2.2 คำสั่่งเสริมเพื่อบอกคุณลักษณะของแท็ก (Attribute)

ลำพังเฉพาะตัวแท็กคำสั่งเองอาจจะไม่สามารถกำหนดอะไรได้มาก ดังนั้นในแต่ละแท็กคำสั่งยังอาจกำหนด
คำสั่งเสริมเพื่อกำหนดคุณลักษณะ (Attribute) ของแท็กคำสั่งนั้นซึ่งจะแตกต่างกันไป

 การกำหนดคุณลักษณะจะเขียนอยู่ในรูปแบบ

 Attributename=“value”

 เมื่อ attributenme คือชื่อของ attribute และ value คือค่าที่กำหนดให้กับ attribute โดย attribute จะเขียนถัดจากแท็กคำสั่ง โดยเว้นกันด้วยช่องว่าง และจะเขียนอยู่ในแท็กเปิดเท่านั้น

 <tag attributename = “ value”>

 <tag attributename = “value”> content </tag>

 เราสามารถใส่ attribute ได้มากกว่า 1 คำสั่งโดยการเว้นวรรค

 <tag attribute1=“value” attribute2=“value”>

หน้าเว็บ

โครงสร้างของภาษา HTML

ไม่มีความคิดเห็น:

แสดงความคิดเห็น

คลังบทความของบล็อก