เอกสารไฮเปอร์เท็กซ์แบ่งออกเป็นสองส่วน: ส่วนหัวเอกสารและเอกสารเอกสาร ในส่วนหัวเอกสารคำจำกัดความที่จำเป็นบางอย่างจะทำสำหรับเอกสารนี้และข้อมูลเอกสารต่าง ๆ ที่จะแสดงในเอกสารเอกสาร
<html>
<head>
ข้อมูลส่วนหัว
</head>
<body>
เอกสารเอกสารส่วนข้อความ
</body>
</html>
โดยที่ <html> อยู่ที่ชั้นนอกสุดหมายความว่าเนื้อหาระหว่างแท็กเป็นเอกสาร HTML นอกจากนี้เรายังจะเห็นแท็ก hompage บางอย่างที่ไม่ได้ใช้ <html> เนื่องจากไฟล์. html หรือ .htm จะเริ่มต้นจากเอกสาร HTML โดยเว็บเบราว์เซอร์ <head> รวมถึงข้อมูลส่วนหัวของเอกสารเช่นชื่อทั่วไปของเอกสาร ฯลฯ หากไม่จำเป็นต้องใช้ข้อมูลส่วนหัวเครื่องหมายนี้สามารถละเว้นได้ แท็ก <body> โดยทั่วไปจะไม่ถูกละเว้นซึ่งระบุจุดเริ่มต้นของเนื้อหาหลัก
นี่คือซอร์สโค้ดสำหรับเอกสารไฮเปอร์เท็กซ์พื้นฐานที่สุด:| <html> <head> <title> ตัวอย่าง HTML ง่ายๆ </title> </head> <body> <enter> <H3> ยินดีต้อนรับสู่โฮมเพจของฉัน </h3> <br> <Hr> <font size = 2> นี่เป็นครั้งแรกที่ฉันทำโฮมเพจ ไม่ว่าอะไรฉันจะทำงานหนักเพื่อให้ดี! </font> </enter> </body> </html> | ส่วนหัวไฟล์ ┃ร่างกายไฟล์ |
อุปสรรคที่ใหญ่ที่สุดที่ฉันพบเมื่อฉันได้สัมผัสกับไฮเปอร์เท็กซ์เป็นครั้งแรกคือประโยคบางอย่างที่แนบมาด้วย <และ> เราเรียกพวกเขาว่าป้ายกำกับซึ่งใช้ในการแบ่งและทำเครื่องหมายองค์ประกอบของข้อความเพื่อสร้างเค้าโครงของข้อความรูปแบบของข้อความและรูปภาพที่มีสีสัน
1. แท็กเดียว
แท็กบางแท็กเรียกว่าแท็กเดียวเพราะสามารถแสดงความหมายได้อย่างสมบูรณ์โดยเพียงแค่ใช้มันเพียงอย่างเดียว ไวยากรณ์ของแท็กดังกล่าวคือ:
<ชื่อแท็ก>
แท็กเดียวที่ใช้กันมากที่สุดคือ <br> ซึ่งหมายถึงบรรทัดใหม่
2. ฉลากคู่
แท็กประเภทอื่นเรียกว่าแท็กคู่ ประกอบด้วยสองส่วน: แท็กเริ่มต้นและแท็กหางซึ่งจะต้องใช้เป็นคู่ แท็กเริ่มต้นบอกให้เว็บเบราว์เซอร์เริ่มดำเนินการฟังก์ชั่นที่แสดงโดยแท็กจากที่นี่และแท็กหางบอกเว็บเบราว์เซอร์ให้จบฟังก์ชั่นที่นี่ การเพิ่มสแลช (/) ก่อนที่ฉลากเริ่มจะกลายเป็นเครื่องหมายหาง ไวยากรณ์สำหรับแท็กประเภทนี้คือ:
<GAT> เนื้อหา </GAG>
ส่วนเนื้อหาเป็นส่วนที่จะต้องกระทำโดยเครื่องหมายนี้ ตัวอย่างเช่นหากคุณต้องการเน้นการแสดงผลของข้อความให้ใส่ข้อความในแท็ก <em> </em>:
<em> ก่อน: </em>
3. คุณสมบัติแท็ก
แท็กเดี่ยวและสองเท่าสามารถมีแอตทริบิวต์บางอย่างในแท็กแรกและไวยากรณ์คือ:
<แอตทริบิวต์ชื่อแท็ก 1 แอตทริบิวต์ 2 แอตทริบิวต์ 3 …>>
ไม่มีคำสั่งระหว่างแอตทริบิวต์และแอตทริบิวต์สามารถละเว้นได้ (นั่นคือค่าเริ่มต้น) ตัวอย่างเช่นแท็กเดียว <hr> หมายถึงการวาดเส้นแนวนอนที่ตำแหน่งปัจจุบันของเอกสารซึ่งโดยทั่วไปจะถูกดึงจากปลายด้านซ้ายสุดของบรรทัดปัจจุบันในหน้าต่างไปทางด้านขวาสุด ด้วยคุณลักษณะบางอย่าง:
<hr size = 3 Align = ความกว้างซ้าย = 75%> โดยที่แอตทริบิวต์ขนาดกำหนดความหนาของเส้นค่าแอตทริบิวต์จะใช้จำนวนเต็มหายไปคือ 1; แอตทริบิวต์การจัดตำแหน่งแสดงถึงวิธีการจัดตำแหน่งซึ่งสามารถเหลืออยู่ (จัดตำแหน่งซ้าย, ค่าเริ่มต้น), ศูนย์ (ตรงกลาง) และขวา (จัดตำแหน่งขวา); แอตทริบิวต์ความกว้างกำหนดความยาวของเส้นซึ่งสามารถใช้เป็นค่าสัมพัทธ์ (เปอร์เซ็นต์ที่ล้อมรอบด้วยเครื่องหมายคู่ระบุเปอร์เซ็นต์ของหน้าต่างทั้งหมด) หรือค่าสัมบูรณ์ (จำนวนพิกเซลหน้าจอที่แสดงโดยจำนวนเต็มเช่นความกว้าง = 300) และค่าเริ่มต้นคือ 100% 2 หน้ารวมหน้าก่อนหน้า 12 หน้าถัดไป