บทความนี้จะจัดระเบียบคุณสมบัติบางอย่างของแท็ก HTML และแท็ก HTML สำหรับคุณ ฉันหวังว่ามันจะเป็นประโยชน์สำหรับทุกคนในการเรียนรู้ความรู้ที่เกี่ยวข้องกับ HTML เพื่อนที่สนใจควรเรียนรู้ร่วมกัน ก่อนอื่นคุณควรรู้ลักษณะบางอย่างของแท็ก HTML:
1. คล้ายกับ <shegerword> ประกอบด้วยวงเล็บมุมและคำหลักเช่น <html>, <div> ...
2. โดยทั่วไปจะปรากฏเป็นคู่และแท็กสตาร์ทจะคล้ายกับเนื้อหาองค์ประกอบ <div> </div> แท็กซ้ายเรียกว่าแท็กเริ่มต้นและ </> ขวาเรียกว่าแท็กปลายทางโดยมีจุดเริ่มต้นและจุดสิ้นสุดยกเว้นบางอันซึ่งเป็นแท็กปิดเดี่ยว
ก่อนอื่นโปรดจำไว้ว่าแท็กปิดเดียวที่มีข้อยกเว้นส่วนบุคคลเช่น:
| <meta /> | ตั้งค่าข้อมูลหน้า | <param /> | ระบุพารามิเตอร์สำหรับ <jobch> หรือ <aplet> ที่มีอยู่ | |
| <br /> | เส้นแบ่งสาย | <keygen /> | กำหนดคีย์ที่สร้างขึ้น | |
| <HR /> | เส้นแนวนอน | <ต้นทาง /> | กำหนดแหล่งสื่อสำหรับองค์ประกอบสื่อเช่น <video> หรือ <เสียง> | |
| <พื้นที่ /> | พื้นที่แสดงภาพ | <col /> | กำหนดค่าแอตทริบิวต์สำหรับหนึ่งคอลัมน์หรือมากกว่าในตาราง | |
| <อินพุต /> | องค์ประกอบแบบฟอร์มพิมพ์ฟิลด์อินพุตที่แตกต่างกันมีรูปแบบที่แตกต่างกัน | <เฟรม /> | กำหนดหน้าต่างเฉพาะ (เฟรม) ในเฟรมชุด | |
| <ลิงค์ /> | แผ่นสไตล์ลิงค์ | <ฝัง /> | กำหนดเนื้อหาที่ฝังอยู่เช่นปลั๊กอิน | |
| <basefont /> | กำหนดตัวอักษรพื้นฐาน HTML5 ไม่รองรับแท็ก <sasefont> ไม่รองรับการใช้งานของ | - |
ต่อไปนี้เป็นแท็กที่จัดประเภทตามเอฟเฟกต์ที่แตกต่างกัน:
1. เอฟเฟกต์ตัวอักษร
| <H1> … </h1> | ชื่อเรื่องที่ 1 (สูงสุด) ฟอนต์มีขนาดเล็กลงในเวลาเดียวกันและโดยทั่วไปแล้วหน้าเว็บจะเปลี่ยนจาก H1 ถึง H4 และพวกเขาจะไม่ถูกใช้หลังจาก H4 | <S> … </s> | ลบเส้น | |
| <H6> … </h6> | หัวข้อ 6 (ขั้นต่ำ) | <del> … </el> | สายการโจมตี (หมายถึงการลบ) | |
| <b> … </b> | ข้อความตัวหนา | <Kbd> … </kbd> | ข้อความแป้นพิมพ์ | |
| <strong> .. </strong> | ข้อความตัวหนา (เน้น) | <tt> … </tt> | แบบอักษร | |
| <i> … </i> | ตัวเอียง | <XMP> … </xmp> | แก้ไขตัวอักษรความกว้าง (มีผลบังคับใช้ในไฟล์ว่างการแบ่งบรรทัดและฟังก์ชั่นการวางตำแหน่ง) | |
| <em> …/em> | ตัวเอียง (เน้น) | <PlainText> … </plantext> | ตัวอักษรที่มีความกว้างคงที่ (ไม่มีการดำเนินการสัญลักษณ์เครื่องหมาย) | |
| <Dfn> ... </dfn> | ตัวเอียง (หมายถึงคำจำกัดความ) | <sisting> … </listing> | ตัวอักษรขนาดเล็กคงที่ | |
| <u> … </u> | บรรทัดล่างสุด | <font color = 00ff00> … </font> | สีแบบอักษร (ก็โอเคที่จะเขียนเป็นสี =#00ff00) | |
| <ins> ... </ins> | บรรทัดล่าง (หมายถึงข้อความแทรก) | <font size = 1> … </font> | แบบอักษรขั้นต่ำ | |
| <strike> … </strike> | เส้นแนวนอน | <font style = font-size: 100 px> </font> | การขยายอนันต์ (ขนาดตัวอักษรคือ 100px) |
2. มาร์คเบรคโซน
| <HR /> | เส้นแนวนอน | <Nobr> … </nobr> | ไม่มีการห่อหุ้มบรรทัดไม่มีตัวย่อของตัวแบ่ง | |
| <hr size = 9 /> | เส้นแนวนอน (ขนาดตั้ง) | <p> … </p> | ย่อหน้า | |
| <HR Width = 80% /> | เส้นแนวนอน (ตั้งค่าความกว้าง) | <enter> … </enter> | ตรงกลางข้อความที่แนบมา | |
| <hr color = 00ff00 /> | เส้นแนวนอน (ชุดสี) | |||
| <br /> | เส้นแบ่งสาย |
3. ลิงค์
| <base href = ที่อยู่> | ระบุที่อยู่เริ่มต้นหรือปลายทางเริ่มต้นสำหรับลิงก์ทั้งหมดในหน้า | <a href = ที่อยู่เป้าหมาย = _top> </a> | ระบุ URL ของเป้าหมายไฮเปอร์ลิงก์ (การเชื่อมต่อหน้าต่างเต็ม) | |
| <a href = ที่อยู่> </a> | ระบุ URL ของเป้าหมายไฮเปอร์ลิงก์ | <a href = ที่อยู่เป้าหมาย = ชื่อเฟรมหน้า> </a> | ระบุ URL ของเป้าหมายไฮเปอร์ลิงก์ (เชื่อมต่อในกล่องหน้าระบุ) | |
| <a href = ที่อยู่เป้าหมาย = _blank> </a> | ระบุ URL ของเป้าหมายไฮเปอร์ลิงก์ (เปิดหน้าต่างใหม่) |
4. ภาพ/เพลง
| <img src = ที่อยู่รูปภาพ/ | โพสต์รูปภาพไปยังหน้าเว็บ | <img src = เส้นขอบที่อยู่ของภาพ = 1 /> | ตั้งค่าเส้นขอบภาพของสติกเกอร์ | |
| <img src = ความกว้างที่อยู่ของภาพ = 180 /> | ตั้งค่าความกว้างของรูปภาพของโพสต์ | <bgsound src = ที่อยู่ไฟล์เพลงกลาง/ | การตั้งค่าเพลงพื้นหลัง | |
| <img src = ความสูงที่อยู่ของภาพ = 30 /> | ตั้งค่าความสูงของภาพของโพสต์ |
5. ตาราง
| <table alig = ซ้าย> … </table> | ตำแหน่งตารางตั้งค่าซ้าย | <table cellpadding = พารามิเตอร์> … </blem> | ระบุระยะห่างระหว่างสายกริดและสายเครือข่าย (ใช้ตัวเลข) | |
| <table aring = center> … </table> | ตำแหน่งตารางอยู่กึ่งกลาง | <table cols = parameter> … </table> | ระบุจำนวนคอลัมน์ในตาราง | |
| <table background = path image> … </table> | URL ของภาพพื้นหลังคือเส้นทาง URL | <table frame = parameter> … </table> | ตั้งค่าวิธีการแสดงผลของเส้นขอบด้านนอกของตาราง | |
| <table border = size border> … </sbout> | ตั้งค่าขนาดเส้นขอบตาราง (โดยใช้ตัวเลข) | <ความกว้างของตาราง = ความกว้าง> … </blem> | ระบุขนาดความกว้างของตาราง (ใช้ตัวเลข) | |
| <Table BgColor = รหัสสี> … </table> | ตั้งค่าสีพื้นหลังของตาราง | <ความสูงของตาราง = ความสูง> … </table> | ระบุขนาดความสูงของตาราง (โดยใช้ตัวเลข) | |
| <Table BorderColor = รหัสสี> … </bord> | ตั้งค่าสีของเส้นขอบตาราง | <td colspan = พารามิเตอร์> … </td> | ระบุจำนวนคอลัมน์ในคอลัมน์การรวมการจัดเก็บ (โดยใช้ตัวเลข) | |
| <Table BorderColordark = รหัสสี> … </borce> | ตั้งค่าสีของเส้นขอบมืดของตาราง | <td rowspan = พารามิเตอร์> … </td> | ระบุจำนวนคอลัมน์ที่จะผสานคอลัมน์ในกริดการจัดเก็บ (ใช้ตัวเลข) | |
| <Table BorderColorLight = รหัสสี> … </borce> | ตั้งค่าสีของเส้นขอบสดใสของตาราง |
6. หน้าต่างแยก
| <frameset col = 20%,*> | แยกซ้ายและขวาแยกเฟรมซ้ายเป็น 20%เบราว์เซอร์จะปรับขนาดของเฟรมขวาโดยอัตโนมัติ | <ความคิดเห็น> … </ความคิดเห็น> | เพิ่มความคิดเห็น | |
| <frameset rows = 20%,*> | แยกขึ้นและลงแยกเฟรมด้านบนเป็น 20%และเบราว์เซอร์จะปรับขนาดของเฟรมด้านล่างโดยอัตโนมัติ | <Dd> … </dd> | ตั้งค่าคำอธิบายรายการของรายการนิยาม | |
| <frameset cols = 20%,*> | แยกเฟรมซ้ายและขวา | <Dfn> … </dfn> | แสดงข้อความนิยาม | |
| <เฟรมเซ็ท cols = 20%,*, 20%> | แยกสามเฟรมทางด้านซ้ายตรงกลางและขวา | <ir> … </ir> | รายการข้อความ | |
| <frameset rows = 20%,*, 20%> | แบ่งเฟรมบนส่วนบนกลางและล่าง | <Dl> … </dl> | ตั้งค่าฉลากระดับเสียงสำหรับรายการนิยาม | |
| - | คำอธิบายประกอบ | <Dt> ... </dt> | กำหนดรายการในรายการ | |
| <เป้าหมาย href> | ระบุหน้าต่างแยกสำหรับไฮเปอร์ลิงก์ | <em> … </em> | การใช้การเน้น | |
| <a href =#anchor name> | ไฮเปอร์ลิงก์เพื่อระบุชื่อสมอเรือ | <font face> | ระบุรูปร่างที่ใช้ | |
| <a href> | ระบุไฮเปอร์ลิงก์ | <ขนาด font> | ตั้งขนาดตัวอักษร | |
| <ชื่อ = ชื่อของจุดยึด> | ชื่อของจุดเชื่อมโยง | <การกระทำแบบฟอร์ม> | ตั้งค่า | |
| <drenting> … </address> | ใช้เพื่อแสดงที่อยู่อีเมล | |||
| <b> … </b> | ข้อความตัวหนา | |||
| <เป้าหมายฐาน> | ระบุหน้าต่างแยกสำหรับไฮเปอร์ลิงก์ | |||
| <bgsound src> | เพิ่มเพลงประกอบ | |||
| <gig> … </gig> | นำเสนอเอฟเฟกต์ตัวอักษรขนาดใหญ่ | |||
| <Blink> | แสดงสตริงหรือข้อความที่กระพริบ (ไม่รองรับโดย IE) | |||
| <ลิงค์ข้อความร่างกาย vlink> | ตั้งค่าสีข้อความ | |||
| <body> … </body> | แสดงบทความนี้ | |||
| <br /> | เส้นแบ่งสาย | |||
| <capition จัดเรียง> | ตั้งตำแหน่งตำแหน่งตาราง | |||
| <Caption> … </section> | เพิ่มชื่อลงในตาราง | |||
| <enter> … </enter> | ตรงกลางข้อความโดยรอบ HTML5 ไม่รองรับแท็กนี้ | |||
| <CITE> … <CITE> | ข้อความที่ใช้ในการอ้างถึงคลาสสิก | |||
| <code> … </code> | ใช้เพื่อแสดงรายการรหัสโปรแกรม |