<html> -แท็กเริ่มต้น
<head>
ข้อมูลควบคุมบนหน้าเว็บ
<title> ชื่อเรื่องหน้า </title>
</head>
<body>
หน้าแสดงอะไร
</body>
</html> -แท็ก
<!-เนื้อหาความคิดเห็น-> ความคิดเห็น
คุณสมบัติของร่างกาย:
สีพื้นหลังหน้า bgcolor
สีข้อความสี (ควบคุมสีข้อความทั้งหมด)
margin หน้าก่อนหน้า
ส่วนขอบซ้ายของหน้าซ้าย
ส่วนขอบด้านขวาของหน้าขวา
Bottommargin มาร์จิ้นหน้าถัดไป
วอลล์เปเปอร์พื้นหลัง
หมายเหตุ: เลือกหนึ่งในพื้นหลังสีพื้นหลังและพื้นหลังพื้นหลัง
1.1. ฉลากทั่วไป 1.1.1 ฉลากการควบคุมรูปแบบ<font color = face = size => </font> ตัวอักษรควบคุม; color = ## ff0000; หน้าอักษร; ขนาดขนาดตัวอักษร
<b> </b> ตัวอักษรตัวหนา
<i> </i> เอียง
<u> </u> ขีดเส้นใต้
<strong> </strong> ฟอนต์ตัวหนา (เน้นเสียงที่แข็งแรงขึ้น)
<em> </em> FONT TILT (เน้นใช้เพื่อเพิ่มโทนเสียง)
<enter> </enter> ศูนย์
หมายเหตุ: หากมีบรรทัดอื่น ๆ ก่อนและหลัง <enter> </enter> โดยค่าเริ่มต้นให้ดำเนินการแบ่งบรรทัดก่อนและหลังเพื่อให้แน่ใจว่ามันเป็นโดยรวมแล้วแสดงในศูนย์
<br> หรือ <br /> เทียบเท่ากับการป้อน (คีย์ทางลัด: Shift + Enter)
& nbsp; ระบุช่องว่างคุณยังสามารถกด Ctrl+Shift+Space บนหน้าการออกแบบ
1.1.2. แท็กคอนเทนเนอร์เนื้อหา<H1> </h1> … <H6> </h6> ชื่อเรื่อง (จะห่อโดยอัตโนมัติ) ชื่อ HTML (หัวเรื่อง) ถูกกำหนดโดยแท็กเช่น <H1> - <H6>
หมายเหตุ: <h1> </h1> … <h6> </h6> ความสำคัญลดลงตามลำดับเพิ่มขึ้นหรือลดลงตามขนาดเริ่มต้นที่มีอยู่ และหากมีสิ่งอื่น ๆ ทั้งด้านหน้าและด้านหลังให้ดำเนินการแบ่งบรรทัดก่อนและหลังและเปิดบรรทัดที่ว่างเปล่าเพื่อให้แน่ใจว่ามันเป็นทั้งหมด
<p> </p> ฉลากย่อหน้า (เส้นเปล่าระหว่างวรรค)
หมายเหตุ: หากมีบรรทัดอื่นก่อนและหลัง <p> </p> ให้ดำเนินการแบ่งบรรทัดก่อนและหลังและเปิดบรรทัดที่ว่างเปล่าเพื่อให้แน่ใจว่ามันเป็นทั้งหมด
<div> </div> แท็กเลเยอร์ (โดยค่าเริ่มต้นหนึ่งบรรทัด)
<span> </span> แท็กเลเยอร์ (โดยค่าเริ่มต้นมีพื้นที่เหลือเท่าใด)
<ol type = 1> -รายการลำดับหมายเลขซีเรียลคือ 1, 2, 3 ... , แบบฟอร์มหมายเลขซีเรียลสามารถเปลี่ยนแปลงได้ในราคา
<li> เนื้อหา </li>
<li> เนื้อหา </li>
</ol>
หมายเหตุ: ค่าเริ่มต้นคือการมีหมายเลขซีเรียลและบรรทัดใหม่ หากมีบรรทัดอื่น ๆ ก่อนและหลังให้ดำเนินการบรรทัดใหม่ก่อนและหลังและเปิดหนึ่งบรรทัดที่ว่างเปล่าเพื่อให้แน่ใจว่ามันเป็นโดยรวม
หาก OL ด้านบนเปลี่ยนเป็น UL มันจะเป็นรายการที่ไม่ได้เรียงลำดับและไม่มีฟังก์ชั่นของการเพิ่มตัวแบ่งบรรทัด
1.2. แท็กที่ใช้กันทั่วไปแท็กไฮเปอร์ลิงก์
<a href = ที่อยู่ไฮเปอร์ลิงก์เป้าหมาย = _blank> ข้อความลับของไฮเปอร์ลิงก์ </a> -href (การอ้างอิงไฮเปอร์ลิงก์); _blank เปิดอยู่ในหน้าต่างใหม่
ขั้นตอนที่ 1: ทำแท็กสมอ <a name => </a>
ขั้นตอนที่ 2: สร้างลิงค์สมอ <a href = ค่าของชื่อของลิงค์เป้าหมาย> </a>
แท็กรูปภาพ
<img src = ที่อยู่รูปภาพ alt = ความกว้างข้อความ = ความสูง = /> -ตั้งค่าความกว้างส้นสูงหนึ่งอันและภาพที่แสดงจะถูกปรับสัดส่วนตามสัดส่วน ALT แสดงข้อความเมื่อไม่สามารถโหลดภาพและยังสามารถช่วยค้นหาเครื่องมือค้นหา
<img /> ต้องปรากฏแยกต่างหาก
1.3. โต๊ะ<table> </bable> ตาราง
ความกว้าง: ความกว้าง สามารถแสดงเป็นพิกเซลหรือเปอร์เซ็นต์ ใช้กันทั่วไป 960 พิกเซล
ชายแดน: ชายแดน ค่าที่ใช้กันทั่วไป 0.
CellPadding: ระยะขอบระหว่างเนื้อหาและเส้นขอบเซลล์ ค่าที่ใช้กันทั่วไป 0.
Cellpacing: ระยะห่างระหว่างเซลล์ ค่าที่ใช้กันทั่วไป 0.
จัดตำแหน่ง: การจัดตำแหน่ง
BGCOLOR: สีพื้นหลัง
พื้นหลัง: ภาพพื้นหลัง
<tr> </tr>
จัดตำแหน่ง: การจัดแนวแนวนอนของเนื้อหาของเส้น
Valign: การจัดแนวแนวตั้งของเนื้อหาของเส้น
ความสูง:
bgcolor: สีพื้นหลัง
พื้นหลัง: ภาพพื้นหลัง
<td> </td> เซลล์
<th> </th> ส่วนหัวของตารางเนื้อหาของเซลล์จะอยู่กึ่งกลางโดยอัตโนมัติและหนาขึ้นโดยอัตโนมัติ
จัดตำแหน่ง: การจัดตำแหน่งของเนื้อหาของเซลล์
Valign: การจัดแนวแนวตั้งของเนื้อหาของเซลล์
ความกว้าง: ความกว้างของเซลล์
ความสูง: ความสูงของเซลล์
bgcolor: สีพื้นหลัง
พื้นหลัง: ภาพพื้นหลัง
เนื้อหาจะต้องอยู่ในเซลล์จะต้องวางเซลล์ไว้ในแถวและต้องวางแถวไว้ในตาราง เมื่อตั้งค่าความสูงของแถวและความสูงคอลัมน์ของเซลล์แถวหรือคอลัมน์ที่สอดคล้องกันจะส่งผลกระทบต่อไฟล์
Cell Merge: (ขอแนะนำให้ใช้การทำรังของตารางให้มากที่สุด)
colspan = เซลล์ n-merge ในแถวเดียวกัน (เขียนรหัสในภายหลังเพื่อลบคอลัมน์ที่เกี่ยวข้อง)
rowspan = n-merge เซลล์คอลัมน์เดียวกัน (ลบคอลัมน์ที่สอดคล้องกันจากแถวที่สอง)
ตามความรู้พื้นฐานด้านบนรหัสโปรแกรมและผลลัพธ์ที่ได้รับด้านล่าง
รหัสโปรแกรม: XML/HTML รหัสคัดลอกเนื้อหาไปยังคลิปบอร์ด