โดยที่ x หมายถึงชื่อแท็ก <x> และ </x> เป็นเหมือนชุดของสวิตช์เดียวกัน: เครื่องหมายเริ่มต้น <x> เป็นฟังก์ชั่นที่เปิด (เปิด) และเครื่องหมายสิ้นสุด </x> (โดยปกติแล้วเครื่องหมายเริ่มบวกสแลช/) เป็นฟังก์ชันปิดและข้อมูลข้อความที่ควบคุมอยู่ระหว่างสองเครื่องหมาย ตัวอย่างเช่น: <i> นี่คือตัวเอียง </i>
แอตทริบิวต์บางอย่างสามารถแนบมากับเครื่องหมายเพื่อเติมเต็มเอฟเฟกต์พิเศษหรือฟังก์ชั่นพิเศษ ตัวอย่างเช่น: <x a1 = v1, a2 = v2, ... , an = vn> ข้อความควบคุม </x>
ในหมู่พวกเขา, A1, A2, ... , an คือชื่อแอตทริบิวต์ในขณะที่ V1, V2, ... , VN เป็นค่าแอตทริบิวต์ที่สอดคล้องกัน ค่าแอตทริบิวต์ไม่ได้รับการยกมาหรือยกมา เบราว์เซอร์ที่ใช้ในปัจจุบันเป็นที่ยอมรับ แต่ตามมาตรฐาน W3C ใหม่ค่าแอตทริบิวต์จะต้องยกมาจึงเป็นการดีที่สุดที่จะพัฒนานิสัยในการเพิ่มที่ยกมา
1.2 เครื่องหมายว่าง
แม้ว่าเครื่องหมายส่วนใหญ่จะปรากฏเป็นคู่ แต่ก็มีอยู่เพียงอย่างเดียว แท็กแต่ละแท็กเหล่านี้เรียกว่าแท็กที่ว่างเปล่า วิธีการคือ: <x>
ในทำนองเดียวกันแท็กที่ว่างเปล่าสามารถแนบกับแอตทริบิวต์บางอย่างเพื่อให้ได้เอฟเฟกต์พิเศษหรือฟังก์ชั่นพิเศษบางอย่าง ตัวอย่างเช่น: <x a1 = v1, a2 = v2, ... , an = vn> ตัวอย่างเช่น: <hr>, <br> ฯลฯ
มาตรฐานใหม่ที่กำหนดโดย W3C (XHTML1.0 /HTML4.0) แสดงให้เห็นว่าแท็กที่ว่างเปล่าควรลงท้ายด้วย /, i.e: <x />
หากมีการแนบแอตทริบิวต์มันคือ: <x a1 = v1, a2 = v2, ... , an = vn />
เบราว์เซอร์ที่ใช้ในปัจจุบันไม่จำเป็นต้องเพิ่ม / หลังจากแท็กที่ว่างเปล่านั่นคือ / และ / หลังจากแท็กที่ว่างเปล่าจะไม่ส่งผลกระทบต่อฟังก์ชั่น แต่ถ้าคุณต้องการให้ไฟล์ของคุณเป็นไปตามมาตรฐานล่าสุดคุณควรเพิ่ม /
2. การจำแนกแท็ก HTML
2.1 แท็กโครงสร้างไฟล์
จุดประสงค์ของแท็กประเภทนี้คือการระบุโครงสร้างของไฟล์ส่วนใหญ่:
<html> ... </html>: ระบุการเริ่มต้นและสิ้นสุดของไฟล์ HTML
<head> ... </head>: ระบุพื้นที่ชื่อไฟล์
<body> ... </body>: แสดงพื้นที่หลักของไฟล์
2.2 แท็กการจัดรูปแบบบล็อก
วัตถุประสงค์หลักของแท็กประเภทนี้คือการแสดงข้อความบางส่วนในไฟล์ HTML ในรูปแบบเฉพาะเพื่อเพิ่มการมองเห็นของไฟล์ หลักคือ:
<title> ... </title>: ชื่อไฟล์
<hi> ... </hi>: i = 1,2, ... , 6, ชื่อหน้าเว็บ
<HR>: สร้างเส้นแนวนอน
<br>: การหยุดเส้นที่ถูกบังคับ
<p> ... </p>: ย่อหน้าไฟล์
<pre> ... </der>: แสดงในรูปแบบดั้งเดิม
<drenting> ... </ที่อยู่>: ทำเครื่องหมายชื่อผู้ติดต่อหมายเลขโทรศัพท์ที่อยู่และข้อมูลอื่น ๆ
<blockquote> ... </blockquote>: แท็กอ้างอิงเซ็กเมนต์
2.3 แท็กการจัดรูปแบบอักขระ
ใช้เพื่อเปลี่ยนลักษณะที่ปรากฏของข้อความไฟล์ HTML และเพิ่มความสวยงามของไฟล์ ส่วนใหญ่:
<b> ... </b>: ตัวหนา
<i> ... </i>: ตัวเอียง
<tt> ... </tt>: แบบอักษร
<Font> ... </font>: เปลี่ยนการตั้งค่าตัวอักษร
<enter> ... </enter>: จัดตำแหน่งกลาง
<Link> ... </link>: ข้อความกำลังกระพริบ
<big> ... </gig>: เพิ่มขนาดตัวอักษร
<small> ... </small>: ลดขนาดตัวอักษร
<Cite> ... </cite>: การอ้างอิง
2.4 รายการแท็ก
<ul> ... </ul>: ไม่มีรายการหมายเลข
<ol> ... </ol: มีรายการหมายเลข
<li> ... </li>: รายการ
<Dl> ... </dl>: รายการคำจำกัดความ
<Dd> ... </dd>: กำหนดโครงการ
<Dt> ... </dt>: กำหนดโครงการ
<ir> ... </ir>: รายการแคตตาล็อก
<เมนู> ... </เมนู>: รายการเมนูสไตล์
2.5 ลิงก์แท็ก (แท็กสมอ)
ลิงก์สามารถกล่าวได้ว่าเป็นสัดส่วนหลักของไฟล์ HTML Hypertext HTML รวมรูปภาพข้อความภาพยนตร์เสียงและข้อมูลอื่น ๆ ที่กระจัดกระจายไปทั่วโลกผ่านแท็กลิงก์ วัตถุประสงค์หลักของแท็กประเภทนี้คือการทำเครื่องหมายลิงก์ไฮเปอร์เท็กซ์ส่วนใหญ่:
<a> ... </a>: สร้างไฮเปอร์ลิงก์
2.6 แท็กมัลติมีเดีย
เครื่องหมายดังกล่าวใช้เพื่อแสดงข้อมูลภาพ ส่วนใหญ่:
<Img>: ฝังลงในภาพ
<ฝัง>: ฝังลงในวัตถุมัลติมีเดีย
<bgsound>: เพลงประกอบ
2.7 แท็กตาราง
เครื่องหมายดังกล่าวทำโดยการทำตาราง ส่วนใหญ่:
<bable> ... </bable>: กำหนดเซ็กเมนต์ตาราง
<Caption> ... </section>: ชื่อตาราง
<th> ... </th>: ส่วนหัวของตาราง
<tr> ... </tr>: คอลัมน์ตาราง
<td> ... </td>: เซลล์ตาราง
2.8 แท็กฟอร์ม
แท็กประเภทนี้ใช้เพื่อสร้างรูปแบบการโต้ตอบส่วนใหญ่:
<form> ... </form>: ระบุจุดเริ่มต้นและจุดสิ้นสุดของส่วนฟอร์ม
<put>: สร้างกล่องข้อความบรรทัดเดียวปุ่มตัวเลือกกล่องกาเครื่องหมาย ฯลฯ
<Textarea> ... </textarea>: สร้างกล่องข้อความอินพุตหลายบรรทัด
<Select> ... </SELECT>: ระบุจุดเริ่มต้นและจุดสิ้นสุดของรายการดรอปดาวน์
<potion> ... </petion>: สร้างรายการที่เลือกในรายการดรอปดาวน์
ไม่มีความแตกต่างระหว่างตัวพิมพ์ใหญ่บนและล่างในแท็ก HTML นั่นคือ <body> และ <body> เหมือนกัน ต่อไปนี้เป็นเครื่องหมายแยกกัน
3. การทำเครื่องหมายโครงสร้างไฟล์
โครงสร้างของไฟล์ HTML สามารถแบ่งออกเป็นสองส่วนหนึ่งส่วนหนึ่งเรียกว่าส่วนหัว อีกส่วนหนึ่งเรียกว่าส่วนของร่างกาย แท็กโครงสร้างไฟล์ใช้เพื่อระบุตำแหน่งที่เป็นของหัวเรื่อง
3.1 <Html>: ติดฉลากไฟล์ทั้งหมด
วัตถุประสงค์: ติดฉลากไฟล์ HTML ทั้งหมด
หมายเหตุ: ไฟล์ HTML มาตรฐานคือไฟล์ที่เริ่มต้นด้วย <html> และจบลงด้วย </html> ตอนนี้:
<html>
... ไฟล์ html ข้อความเต็ม
</html>
3.2 <head>: ติดฉลากพื้นที่ชื่อไฟล์
หมายเหตุ: ในไฟล์ HTML พื้นที่ที่คั่นด้วย <head> และ </head> เรียกว่าพื้นที่ชื่อของไฟล์ โดยปกติส่วนหัวจะอยู่ในส่วน HTML นั่นคือ:
<html>
<head>
...... พื้นที่ชื่อไฟล์ HTML
</head>
-
</html>
3.3 <title>: ชื่อหน้าเว็บ
<title> ..... </title> เป็นแท็กที่สำคัญที่สุดและใช้กันมากที่สุดในพื้นที่ชื่อเรื่องของไฟล์ HTML พื้นที่ชื่ออื่น ๆ ยังรวมถึง <base>, <SinIndex>, <Link>, <netidId>, <meta> ฯลฯ
จุดประสงค์ของแท็ก <title> คือการตั้งชื่อหน้าเว็บ ชื่อนี้จะแสดงบนแถบชื่อเรื่องของหน้าต่างเบราว์เซอร์และจะไม่ปรากฏในข้อความหน้าเบราว์เซอร์ (หน้า) คอลเลกชันของเบราว์เซอร์ส่วนใหญ่ (รายการโปรดของฉัน) บุ๊กมาร์ก (บุ๊คมาร์ค) หรือฟังก์ชั่นรายการประวัติได้รับการตั้งชื่อตามชื่อของไฟล์นี้
ไม่มีการจำกัดความยาวสำหรับข้อความที่ทำเครื่องหมายด้วย <title> ... </title> แต่บางครั้งชื่อที่ยาวเกินไปอาจถูกตัดออกและไม่ง่ายที่จะจำ
3.4 <body>: ติดฉลากพื้นที่หลักไฟล์
หมายเหตุ: ในไฟล์ HTML พื้นที่ที่แซนวิชโดย <body> ... </body> เรียกว่าพื้นที่หลักของไฟล์โดยปกติหลังจากส่วน <head>
3.5 คุณสมบัติของ <body> แท็ก
แอตทริบิวต์ Backgroud:
คุณสมบัตินี้สามารถระบุไฟล์กราฟิก (โดยปกติจะเป็น GIF หรือ JPEG) เป็นรูปแบบพื้นหลัง กราฟิกจะวางอิมเมจพื้นฐานของหน้าเว็บทั้งหมดเช่นชิ้นส่วนของกระเบื้องเซรามิก