แท็ก HTML ต่อไปนี้โดยทั่วไปมีแท็กที่มีอยู่ทั้งหมด ใช้เวลาสองสามนาทีในการเรียกดูพวกเขาทีละคนและคุณอาจได้รับรางวัล:
<!-…->: แท็กความคิดเห็นใช้เพื่อแทรกความคิดเห็นในเอกสารต้นฉบับ
<! doctype>: บอกเบราว์เซอร์ว่า HTML หรือ XHTML ข้อมูลจำเพาะที่ใช้สำหรับเอกสารใด
<a>: กำหนดจุดยึดสร้างลิงค์ (หรือไฮเปอร์ลิงก์) ไปยังเอกสารอื่นโดยใช้แอตทริบิวต์ HREF สร้างบุ๊กมาร์กภายในเอกสารโดยใช้แอตทริบิวต์ชื่อหรือ ID (นั่นคือคุณสามารถสร้างลิงก์ไปยังแฟรกเมนต์เอกสาร)
<Abbr>: แสดงถึงรูปแบบตัวย่อเช่น Inc. ฯลฯ เช่น: <abbr title = etcetera> ฯลฯ </abbr>
<คำย่อ>: คำจำกัดความใช้ตัวย่อเท่านั้นเช่นนาโต้ โดยการทำเครื่องหมายคำย่อเท่านั้นคุณสามารถให้ข้อมูลที่เป็นประโยชน์สำหรับเบราว์เซอร์โปรแกรมการสะกดคำระบบการแปลและดัชนีเครื่องมือค้นหาของคุณ
<drench>: กำหนดที่อยู่ (เช่นที่อยู่อีเมล) คุณควรใช้เพื่อกำหนดที่อยู่ลายเซ็นหรือการประพันธ์เอกสาร
<Applet>: กำหนดแอปเพล็ตฝังตัว
<saila>: แท็กกำหนดพื้นที่ในแผนที่รูปภาพ (หมายเหตุ: แผนที่รูปภาพหมายถึงภาพที่มีพื้นที่คลิกได้) องค์ประกอบของพื้นที่มักจะซ้อนกันในแท็ก <p>
<sase>: ระบุที่อยู่เริ่มต้นหรือปลายทางเริ่มต้นสำหรับลิงก์ทั้งหมดในหน้า
<SaseFont>: กำหนดแบบอักษรพื้นฐาน แท็กนี้กำหนดสีตัวอักษรเริ่มต้นขนาดตัวอักษรและตระกูลตัวอักษรสำหรับข้อความทั้งหมดในเอกสาร
<bdo>: สามารถแทนที่การวางแนวข้อความเริ่มต้นได้
<blockquote>: สามารถกำหนดอ้างอิงบล็อกได้
<body>: กำหนดเนื้อหาของเอกสาร
<br>: แทรกอักขระใหม่ง่ายๆ
<ปุ่ม>: กำหนดปุ่ม
<Caption>: กำหนดชื่อตาราง แท็กคำบรรยายใต้ภาพจะต้องตามด้วยแท็กตารางทันที คุณสามารถกำหนดชื่อหนึ่งชื่อสำหรับแต่ละตารางเท่านั้น โดยปกติแล้วชื่อนี้จะอยู่กึ่งกลางบนโต๊ะ
<center>: ตรงกลางข้อความที่มีแนวนอน
<ol>: กำหนดค่าแอตทริบิวต์สำหรับหนึ่งคอลัมน์หรือมากกว่าในตาราง หากคุณต้องการใช้สไตล์กับคอลัมน์ทั้งหมดแท็ก <ol> มีประโยชน์เพื่อให้คุณไม่จำเป็นต้องใช้สไตล์ซ้ำ ๆ กับแต่ละหน่วยและแถว คุณสามารถใช้แท็ก <ol> ในตารางหรือองค์ประกอบ colgroup เท่านั้น
<Colgroup>: ใช้เพื่อรวมคอลัมน์ในตารางเพื่อให้สามารถจัดรูปแบบได้ แท็ก <Olgroup> มีประโยชน์หากคุณต้องการใช้สไตล์กับคอลัมน์ทั้งหมดเพื่อให้คุณไม่จำเป็นต้องใช้สไตล์ซ้ำ ๆ กับแต่ละหน่วยและแถว สามารถใช้แท็ก <Olgroup> ในองค์ประกอบตารางเท่านั้น
<DD>: กำหนดส่วนนิยามของรายการในรายการนิยาม
<del>: กำหนดข้อความที่ถูกลบในเอกสารและใช้ร่วมกับแท็ก <ins> เพื่ออธิบายการอัปเดตและการแก้ไขในเอกสาร
<ir>: กำหนดรายการไดเรกทอรี
<div>: กำหนดพาร์ติชันหรือส่วนในเอกสาร
<Dl>: กำหนดรายการ
<Dt>: กำหนดรายการในรายการ
<<fieldset>: องค์ประกอบที่เกี่ยวข้องกลุ่มในแบบฟอร์ม
<font>: ระบุตัวอักษรขนาดตัวอักษรและสีตัวอักษรของข้อความ
<form>: ใช้เพื่อสร้างแบบฟอร์ม HTML สำหรับการป้อนข้อมูลผู้ใช้
<<เฟรม>: กำหนดหน้าต่างเฉพาะ (เฟรม) ในเฟรมเซ็ต
<เฟรมเซ็ต>: กำหนดเฟรมชุด มันถูกใช้เพื่อจัดระเบียบหน้าต่างหลายบาน (เฟรม) แต่ละเฟรมเวิร์กมีเอกสารอิสระ ในแอปพลิเคชันที่ง่ายที่สุดองค์ประกอบเฟรมเซ็ตจะระบุจำนวนคอลัมน์หรือแถวที่มีอยู่ในชุดเฟรมเวิร์ก คุณต้องใช้แอตทริบิวต์ Cols หรือ Rows
<head>: กำหนดหัวของเอกสารซึ่งเป็นคอนเทนเนอร์สำหรับองค์ประกอบหัวทั้งหมด องค์ประกอบใน <head> สามารถอ้างถึงสคริปต์ระบุตำแหน่งที่จะหาแผ่นสไตล์ให้ข้อมูลเมตาและอื่น ๆ
<H1> - <H6>: กำหนดชื่อ <H1> กำหนดชื่อที่ใหญ่ที่สุด <H6> กำหนดชื่อที่เล็กที่สุด
<HR>: สร้างเส้นแนวนอนในหน้า HTML
<html>: บอกเบราว์เซอร์ว่ามันเป็นเอกสาร HTML เอง
<iframe>: สร้างเฟรมเวิร์กแบบอินไลน์ที่มีเอกสารอื่น (เช่นเฟรมเวิร์กอินไลน์)
<Img>: กำหนดรูปภาพ
<put>: ใช้เพื่อรวบรวมข้อมูลผู้ใช้ ฟิลด์อินพุตมีหลายรูปแบบขึ้นอยู่กับค่าแอตทริบิวต์ประเภทที่แตกต่างกัน ฟิลด์อินพุตสามารถเป็นฟิลด์ข้อความ, กล่องกาเครื่องหมาย, การควบคุมข้อความที่สวมหน้ากาก, ปุ่มตัวเลือก, ปุ่มและอื่น ๆ
<ins>: กำหนดข้อความที่แทรกลงในเอกสาร
<lable>: แท็ก
<gregend>: กำหนดชื่อเรื่องสำหรับองค์ประกอบ FieldSet
<li>: กำหนดรายการรายการ <li> แท็กสามารถใช้ในรายการที่สั่งซื้อ (<ol>) และรายการที่ไม่ได้เรียงลำดับ (<ul>)
<link>: กำหนดความสัมพันธ์ระหว่างเอกสารและทรัพยากรภายนอก จุดประสงค์ที่พบบ่อยที่สุดคือการเชื่อมโยงแผ่นสไตล์
<pal>: กำหนดแผนที่ภาพไคลเอนต์ ภาพแผนที่หมายถึงภาพที่มีพื้นที่คลิกได้
<เมนู>: กำหนดรายการเมนู
<Meta>: ให้ข้อมูลเกี่ยวกับหน้าเว็บเช่นคำอธิบายและคำหลักสำหรับเครื่องมือค้นหาและความถี่อัปเดต แท็ก <meta> ตั้งอยู่ที่หัวของเอกสารและไม่มีอะไรเลย แอตทริบิวต์ของแท็ก <meta> กำหนดคู่ชื่อ/ค่าที่เชื่อมโยงกับเอกสาร
<noframes>: สามารถแสดงข้อความสำหรับเบราว์เซอร์ที่ไม่รองรับเฟรม องค์ประกอบ noframes ตั้งอยู่ภายในองค์ประกอบเฟรมเซ็ต
<noscript>: กำหนดแทน (ข้อความ) เมื่อสคริปต์ไม่ได้ดำเนินการ
<jobal>: กำหนดวัตถุที่ฝังตัว โปรดใช้องค์ประกอบนี้เพื่อเพิ่มมัลติมีเดียในหน้า XHTML ของคุณ องค์ประกอบนี้ช่วยให้คุณระบุข้อมูลและพารามิเตอร์ของวัตถุที่แทรกลงในเอกสาร HTML รวมถึงรหัสที่สามารถใช้ในการแสดงและจัดการข้อมูล แท็ก <jobch> ใช้เพื่อมีวัตถุเช่นรูปภาพ, เสียง, วิดีโอ, แอปเพล็ต Java, ActiveX, PDF และ Flash
<ol>: กำหนดรายการที่สั่งซื้อ
<PetGroup>: กำหนดกลุ่มตัวเลือก
<potion>: กำหนดตัวเลือกในรายการดรอปดาวน์ องค์ประกอบตัวเลือกอยู่ในองค์ประกอบที่เลือก
<p>: กำหนดย่อหน้า
<param>: จัดเตรียมพารามิเตอร์สำหรับแท็ก <jobal> หรือ <แอปเพล็ต> ที่มีอยู่
<pre>: กำหนดข้อความ preformatted ข้อความที่ล้อมรอบด้วยองค์ประกอบก่อนมักจะยังคงมีช่องว่างและการแบ่งสาย ข้อความจะถูกนำเสนอในแบบอักษร Monospace แอปพลิเคชันทั่วไปของแท็ก <pre> คือการแสดงซอร์สโค้ดของคอมพิวเตอร์
<Q>: กำหนดข้อมูลอ้างอิงสั้น ๆ
<s>: กำหนดและนิยามข้อความ Strikethrough
<script>: กำหนดสคริปต์ไคลเอนต์เช่น JavaScript องค์ประกอบสคริปต์สามารถมีคำสั่งสคริปต์หรือชี้ไปที่ไฟล์สคริปต์ภายนอกผ่านแอตทริบิวต์ SRC แอตทริบิวต์ประเภทที่ต้องการระบุประเภท MIME ของสคริปต์
<electe>: สร้างเมนูเลือกเดียวหรือหลายแบบเลือก
<span>: ใช้เพื่อรวมองค์ประกอบในบรรทัดในเอกสาร
<strike>: กำหนดนิยามข้อความด้วย strikethrough
<style>: กำหนดข้อมูลสไตล์สำหรับเอกสาร HTML แอตทริบิวต์ประเภทจำเป็นต้องกำหนดเนื้อหาขององค์ประกอบสไตล์ ค่าที่เป็นไปได้เพียงอย่างเดียวคือข้อความ/CSS
<ub>: กำหนดข้อความตัวห้อย
<sup>: กำหนดข้อความตัวยก
<bable>: กำหนดตาราง HTML ตาราง HTML ที่เรียบง่ายประกอบด้วยองค์ประกอบตารางและองค์ประกอบ TR, TH หรือ TD หนึ่งอย่างหรือมากกว่านั้น องค์ประกอบ TR กำหนดแถวตารางองค์ประกอบ th กำหนดส่วนหัวของตารางและองค์ประกอบ TD กำหนดเซลล์ตาราง ตาราง HTML ที่ซับซ้อนมากขึ้นอาจรวมถึงคำอธิบายภาพ, col, colgroup, head, tfoot และองค์ประกอบ tbody
<Tbody>: แท็กตารางตัว (ร่างกาย) แท็กนี้ใช้เพื่อรวมเนื้อหาร่างกายของตาราง HTML องค์ประกอบ tbody ควรใช้ร่วมกับองค์ประกอบหัวและ tfoot องค์ประกอบ TheAD ใช้ในการจัดกลุ่มเนื้อหาส่วนหัวในตาราง HTML ในขณะที่องค์ประกอบ TFOOT ใช้ในการจัดกลุ่มเนื้อหา Notes (ส่วนท้าย) ในตาราง HTML องค์ประกอบของ tfoot และ tbody ให้ความสามารถในการจัดกลุ่มแถวในตาราง เมื่อคุณสร้างตารางคุณอาจต้องการมีแถวส่วนหัวแถวที่มีข้อมูลและแถวทั้งหมดที่ด้านล่าง แผนกนี้ช่วยให้เบราว์เซอร์รองรับการเลื่อนตัวขึ้นตารางโดยไม่ขึ้นกับชื่อตารางและส่วนท้าย เมื่อพิมพ์ตารางยาวส่วนหัวของตารางและส่วนท้ายของตารางสามารถพิมพ์ในแต่ละหน้าที่มีข้อมูลตาราง
<td>: กำหนดเซลล์มาตรฐานในตาราง HTML
<Textarea>: กำหนดตัวควบคุมอินพุตข้อความหลายบรรทัด
<tfoot>: กำหนดส่วนท้ายของตาราง (เชิงอรรถหรือหมายเหตุตาราง)
<th>: กำหนดเซลล์ส่วนหัวในตาราง ข้อความภายในองค์ประกอบ th นี้มักจะแสดงเป็นตัวหนา
<head>: เหมือนกับข้างบน
<title>: กำหนดชื่อของเอกสาร
<tr>: กำหนดแถวในตาราง HTML
<u>: กำหนดข้อความที่ขีดเส้นใต้
<ul>: กำหนดรายการที่ไม่ได้เรียงลำดับ
บางแท็กที่ไม่แนะนำอีกต่อไป:องค์ประกอบต่อไปนี้ส่วนใหญ่เป็นองค์ประกอบแบบอักษรบางส่วน ไม่มีการคัดค้านการใช้แท็กเหล่านี้ แต่ถ้าคุณเพียงแค่ต้องการเปลี่ยนรูปแบบของข้อความผ่านแท็กเหล่านี้ขอแนะนำให้คุณใช้แผ่นสไตล์เพื่อให้ได้ผลลัพธ์ที่สมบูรณ์ยิ่งขึ้น
<tt> แสดงเอฟเฟกต์ข้อความที่คล้ายกับเครื่องพิมพ์ดีดหรือความกว้าง monospaced
<i> แสดงเอฟเฟกต์ข้อความตัวเอียง
<b> มีเอฟเฟกต์ข้อความตัวหนา
<gig> แสดงเอฟเฟกต์ตัวอักษรขนาดใหญ่
<small> ทำให้เอฟเฟกต์ตัวอักษรขนาดเล็ก
<em> กำหนดข้อความเป็นเนื้อหาที่เน้น
<strong> กำหนดข้อความเป็นเนื้อหาที่เครียดมากขึ้นด้วยน้ำเสียงที่แข็งแกร่งขึ้น
<DFN> กำหนดโครงการนิยาม
<code> กำหนดข้อความรหัสคอมพิวเตอร์
<SAMP> กำหนดข้อความตัวอย่าง
<KBD> กำหนดข้อความแป้นพิมพ์ หมายความว่าข้อความถูกพิมพ์จากแป้นพิมพ์ มันมักจะใช้ในเอกสารหรือคู่มือที่เกี่ยวข้องกับคอมพิวเตอร์
<car> กำหนดตัวแปร คุณสามารถใช้แท็กนี้ด้วย <pre> และ <code> แท็ก
<Cite> กำหนดข้อมูลอ้างอิง แท็กนี้สามารถใช้เพื่อกำหนดการอ้างอิงเช่นชื่อของหนังสือหรือนิตยสาร