1. <html> ... </html> แท็ก
ไฟล์ HTML ไม่ว่าจะง่ายหรือซับซ้อนเริ่มต้นด้วย <html> และจบลงด้วย </html> แท็ก <html> ยังชี้ให้เห็นว่าไฟล์นี้เป็นไฟล์ HTML เมื่อเบราว์เซอร์พบแท็ก <html> ข้อความต่อไปนี้จะถูกตีความตามมาตรฐาน HTML และคำอธิบายข้างต้นจะไม่หยุดจนกว่าจะพบแท็กสุดท้าย เคล็ดลับ: ภาษา HTML เป็นภาษาที่ตีความและไม่จำเป็นต้องรวบรวม คุณสามารถเรียกใช้งานรหัสโดยตรงด้วยเบราว์เซอร์
2. <head> ... </head> แท็ก
<head> และ </head> เป็นส่วนเริ่มต้นของไฟล์ HTML คุณสามารถใช้ <title> ... </title>, <script> ... </script> และคู่แท็กอื่น ๆ เพื่ออธิบายชื่อหน้าเว็บหรือข้อมูลอื่น ๆ ที่ไม่ปรากฏบนหน้าเว็บ
3. <title> ... </title> แท็ก
แท็ก <title> ใช้เพื่อตั้งค่าข้อมูลข้อความเรียวในแถบชื่อเรื่องของหน้าต่างเบราว์เซอร์ซึ่งโดยทั่วไปเป็นธีมของหน้าเว็บ หมายเหตุ: <title> </title> คู่แท็กสามารถวางไว้ระหว่าง <head> </head> คู่แท็กเท่านั้น
4. <body> ... </body> แท็ก
<body> </body> เป็นส่วนธีมของไฟล์ HTML และสามารถกำหนดแท็กหลายแท็กได้ ในขณะเดียวกัน <body> ก็มีคุณลักษณะมากมายและต่อไปนี้มีการใช้งานทั่วไป คุณสมบัติของ <body> คำสั่ง
①สีพื้นหลัง- bgcolor <body bgcolor = รหัสสี>
②รูปแบบพื้นหลัง- พื้นหลัง <body background = ชื่อไฟล์กราฟิก>
③ตั้งค่ารูปแบบพื้นหลังที่จะไม่เลื่อน- bgproperties <body bgproperties = แก้ไข>
④สีของข้อความเนื้อหาไฟล์- ข้อความ <body text = รหัสสี>
⑤ข้อความไฮเปอร์ลิงก์สี-ลิงค์ <body link = รหัสสี>
⑥สีของข้อความไฮเปอร์ลิงก์ที่ถูกเลือก- vlink <body vlink = รหัสสี>
⑦สีของข้อความไฮเปอร์ลิงก์เชื่อมโยง-ลิงค์ <body link = รหัสสี>
ข้อความและรูปภาพที่กำหนดจะแสดงในหน้าต่างเบราว์เซอร์ ในแท็ก <body> เราสามารถมีแท็กจำนวนมากและแท็กทั่วไปมีดังนี้:
⑴เปลี่ยนขนาดของข้อความ <h#> ……………. </h#> โดยที่#= 1 ~ 6; H1 เป็นตัวละครที่ใหญ่ที่สุดและ H6 เป็นตัวละครที่เล็กที่สุด
⑵เปลี่ยนการเปลี่ยนแปลงตัวอักษร <font> ......... </font>
①เปลี่ยนขนาดตัวอักษร <font size = #> ......... </font> #= 1 ~ 7; ยิ่งมีจำนวนมากเท่าไหร่คำก็จะยิ่งใหญ่ขึ้นเท่านั้น
②ระบุตัวอักษรของข้อความ <font face = ชื่อตัวอักษร> ........... </font>
③เปลี่ยนสีของข้อความ <font color =#rrggbb> ......... </font> rr: รหัสสีแดง GG: รหัสสีเขียว BB: รหัสสีฟ้า
⑶แสดงแบบอักษรขนาดเล็ก <small> .... </small>; แสดงฟอนต์ขนาดใหญ่ <pig> ... </gig>; แสดงแบบอักษรตัวหนา <b> ..... </b>; แสดงฟอนต์ตัวเอียง <i> ..... </i>; แสดงแบบอักษรเครื่องพิมพ์ดีด <tt> ... </tt>; แสดงบรรทัดล่าง <u> แสดงแบบอักษร Strikethrough <ub> ... </ub>; แสดงตัวห้อย <bub> แสดง superscripts <Up> แสดง. เอฟเฟกต์ข้อความกระพริบ <Link> ..... </link>
⑷list break mark <br>; เครื่องหมายส่วน <p>
⑸เปลี่ยนทิศทางการจัดตำแหน่งของข้อความ หมายเลข # สามารถเหลืออยู่: ตารางจัดเรียงกับค่าซ้าย (ค่าที่ตั้งไว้ล่วงหน้า) ศูนย์กลาง: ตารางจัดตำแหน่งตรงกลางขวา: ตารางจัดตำแหน่งทางด้านขวา ข้อความหลังจาก ps <p allign =#> จะแสดงในการจัดตำแหน่งชุดจนกว่าจะมีอีก <p allign =#> เปลี่ยนทิศทางการจัดตำแหน่งหรือพบแท็ก <hr> ⅱ <h#> แท็กมันจะตั้งค่ากลับไปยังการจัดตำแหน่งที่อยู่ล่วงหน้า
⑹ใส่ตัวหาร <HR>
①ความหนาของเส้นแบ่ง <hr size = หมายเลขจุด>
②ความกว้างของตัวหาร <hr size = จุดหรือเปอร์เซ็นต์>
③ Divider Line การจัดตำแหน่งทิศทาง <HR Align = #> # หมายเลขสามารถเหลือได้: ตารางจัดแนวกับค่าซ้าย (ค่าที่ตั้งไว้ล่วงหน้า) ศูนย์: ตารางจัดแนวไปที่ศูนย์ขวา: ตารางจัดตำแหน่งทางด้านขวา
④สีของตัวหาร <hr color = รหัสสี>
⑤solid Divider <HR Noshade>
⑺การจัดตำแหน่งศูนย์ <enter> ......... </enter>
⑻โดยปกติแล้วจะเป็นตารางในแท็ก <body> แท็กที่กำหนดตารางคือ <bable> ........ </bable> ซึ่งมักจะมีแอตทริบิวต์ต่อไปนี้
①ตั้งค่าความหนาของเส้นขอบ- เส้นขอบ <เส้นขอบตาราง = หมายเลขจุด>
②ตั้งค่าความกว้างของกริด- cellpacing <table cellpacing = หมายเลขจุด>
③ตั้งค่าระยะห่างระหว่างข้อมูลและเส้นกริด- CellPadding <Table CellPadding = หมายเลขจุด>
④ปรับความกว้างของตาราง-ความกว้าง <ความกว้างของตาราง = จุดหรือเปอร์เซ็นต์>
⑤ปรับความสูงของตาราง- ความสูง <ความสูงของตาราง = จุดหรือเปอร์เซ็นต์>
⑥ตั้งค่าสีพื้นหลังของตาราง- bgcolor <ตาราง bgcolor = รหัสสี>
⑦ตั้งค่าสีของขอบตาราง- bordercolor <table bordercolor = รหัสสี>
⑼display Grid Line <Table Border>
⑽table Title </Caption> ........ </section> ตำแหน่งตำแหน่งตำแหน่งของตาราง - จัดตำแหน่ง <caption align = #> # หมายเลขสามารถอยู่ด้านบน: ชื่อตารางถูกวางไว้เหนือตาราง (ค่าที่ตั้งไว้ล่วงหน้า) ด้านล่าง: ชื่อตารางอยู่ด้านล่างตาราง
5. <!-เนื้อหาความคิดเห็น->
<!-เครื่องหมายระบุจุดเริ่มต้นของความคิดเห็น
-> แท็กหมายถึงจุดสิ้นสุดของความคิดเห็น
ฟังก์ชั่นของคำอธิบายประกอบคือการอำนวยความสะดวกในการออกแบบและให้ผู้อื่นอ่าน เมื่อเบราว์เซอร์ประมวลผลไฟล์ HTML เครื่องหมายคำอธิบายประกอบและเนื้อหาคำอธิบายประกอบจะถูกละเว้น