1. Home
  2. องค์ประกอบ HTML

บทช่วยสอน องค์ประกอบ HTML ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ องค์ประกอบ HTML,องค์ประกอบ HTML ไวยากรณ์,องค์ประกอบ HTML ที่ซ้อนกัน,เช่นเอกสาร HTML,ตัวอย่างของการแยก HTML,อย่าลืมแท็กสิ้นสุด,HTML องค์ประกอบที่ว่างเปล่า,HTML เคล็ดลับ: ใช้ตัวพิมพ์เล็กแท็ก,

องค์ประกอบ HTML

เอกสาร HTML จะถูกกำหนดโดยองค์ประกอบ HTML

องค์ประกอบ HTML

แท็กเริ่มต้น * เนื้อหาองค์ประกอบ แท็กสิ้นสุด *
<p> นี้เป็นวรรค </ p>
<a href="default.htm"> นี่คือการเชื่อมโยง </a>
ฟรี

* แท็กเริ่มต้นมักจะเรียกว่า (แท็กเปิด) แท็กเริ่มต้นแท็กสิ้นสุดมักจะเรียกว่า(แท็กปิด) แท็กปิด

องค์ประกอบ HTML ไวยากรณ์

  • องค์ประกอบ HTMLเริ่มต้นด้วยแท็กเริ่มต้น
  • องค์ประกอบ HTMLที่มีการเลิกจ้างแท็กสิ้นสุด
  • องค์ประกอบเนื้อหาเป็นเนื้อหาของแท็กเริ่มต้นและแท็กสิ้นสุด
  • บางองค์ประกอบ HTMLมีเนื้อหาที่ว่างเปล่า (เนื้อหาว่างเปล่า)
  • องค์ประกอบที่ว่างเปล่าจะถูกปิดลงในแท็กเริ่มต้น (เพื่อยุติการแท็กเริ่มต้นและสิ้นสุด)
  • ส่วนใหญ่องค์ประกอบ HTMLสามารถมีแอตทริบิวต์

หมายเหตุ: คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับคุณสมบัติในบทต่อไปของการกวดวิชานี้

องค์ประกอบ HTML ที่ซ้อนกัน

เอกสาร HTML ประกอบด้วยองค์ประกอบ HTML ซ้อนกัน

เช่นเอกสาร HTML

<! DOCTYPE html>
<html>

<body>
<p> นี้เป็นวรรคแรก </ p>
</ body>

</ html>

ตัวอย่างข้างต้นมีสามองค์ประกอบ HTML

ตัวอย่างของการแยก HTML

<p> องค์ประกอบ:

<p>这是第一个段落。</p>

ส่วน <p> องค์ประกอบที่กำหนดในวรรคเอกสาร HTML ได้
องค์ประกอบที่มีแท็กเริ่มต้น <p> และแท็กสิ้นสุด </ p>
เนื้อหาองค์ประกอบ: นี่คือวรรคแรกของฉัน

<body> องค์ประกอบ:

<body>
<p>这是第一个段落。</p>
</body>

<body> องค์ประกอบที่กำหนดเนื้อหาของเอกสาร HTML
องค์ประกอบที่มีแท็กเริ่มต้น <body> และแท็กสิ้นสุด </ body>
เนื้อหาองค์ประกอบคือองค์ประกอบ HTML อื่น (องค์ประกอบ P)

<html> องค์ประกอบ:

<html>

<body>
<p>这是第一个段落。</p>
</body>

</html>

ก <html> องค์ประกอบที่กำหนดเอกสาร HTML ทั้ง
องค์ประกอบที่มีแท็กเริ่มต้น <html> และแท็กสิ้นสุด </ html>
เนื้อหาองค์ประกอบคือองค์ประกอบ HTML อื่น (องค์ประกอบของร่างกาย)

อย่าลืมแท็กสิ้นสุด

แม้ว่าคุณจะลืมที่จะใช้แท็กปิดเบราว์เซอร์ได้อย่างถูกต้องมากที่สุดจะแสดง HTML:

<p>这是一个段落
<p>这是一个段落

ตัวอย่างข้างต้นสามารถแสดงผลได้อย่างถูกต้องในเบราว์เซอร์เพราะแท็กปิดเป็นตัวเลือก

แต่ไม่ต้องพึ่งพาการปฏิบัตินี้ ลืมแท็กสิ้นสุดสามารถก่อให้เกิดผลที่ไม่คาดคิดหรือข้อผิดพลาด

HTML องค์ประกอบที่ว่างเปล่า

องค์ประกอบ HTML โดยเนื้อหาจะเรียกว่าองค์ประกอบที่ว่างเปล่า องค์ประกอบที่ว่างเปล่าจะถูกปิดลงในแท็กเริ่มต้น

ฟรีไม่มีแท็กปิดองค์ประกอบที่ว่างเปล่า (แท็ก <br> กำหนดแบ่งบรรทัด)

ใน XHTML, XML, และรุ่นอนาคตของ HTML, องค์ประกอบทั้งหมดจะต้องปิด

เพิ่มเฉือนที่จุดเริ่มต้นของฉลากเช่น <br /> เป็นวิธีการที่เหมาะสมที่จะปิดองค์ประกอบที่ว่างเปล่า, HTML, XHTML และ XML ยอมรับวิธีการนี้

แม้ <br> ในเบราว์เซอร์ที่มีประสิทธิภาพ แต่ใช้ <br /> จริงมากขึ้นการป้องกันในระยะยาว

HTML เคล็ดลับ: ใช้ตัวพิมพ์เล็กแท็ก

HTML จะไม่ได้เป็นกรณีที่สำคัญ: <p> เทียบเท่ากับ <p> เว็บไซต์หลายแห่งจะใช้แท็กพิมพ์ใหญ่

W3CSchool ใช้แท็กพิมพ์เล็กเพราะเวิลด์ไวด์เว็บ Consortium (W3C) HTML 4แนะนำตัวพิมพ์เล็ก แต่ในรุ่นอนาคต (X) HTML ของการใช้ตัวพิมพ์เล็กบังคับ

บทแนะนำยอดนิยม

Contact US

องค์ประกอบ HTML
10/30