เช่นเดียวกับบทความหน้าเว็บของเราจะต้องมีย่อหน้าและชื่อที่ชัดเจนของระดับความสำคัญที่แตกต่างกัน ส่วนนี้จะแนะนำลายเซ็นทั่วไปใน XHTML ที่ใช้ชื่อเรื่องย่อหน้าและฟังก์ชั่นอื่น ๆ
ในการกำหนดชื่อเราสามารถใช้แท็กจาก <H1> ถึง <H6> แท็กการเลิกจ้างที่สอดคล้องกันคือ </h1> ถึง </h6> ตามลำดับโดยที่ลำดับขนาดตัวอักษรของ <H1> ถึง <H6> ลดลงและความสำคัญจะลดลงเรื่อย ๆ เบราว์เซอร์จะเพิ่มบรรทัดด้านบนและด้านล่างของชื่อโดยอัตโนมัติ
การกำหนดย่อหน้าใช้ <p> และ </p> และเนื้อหาระหว่าง <p> และ </p> จะได้รับการยอมรับว่าเป็นย่อหน้าซึ่งคล้ายกับสิ่งที่เรามักเรียกว่าวรรค เช่นเดียวกับชื่อเบราว์เซอร์จะเพิ่มพื้นที่ว่างเปล่าก่อนและหลังวรรคเริ่มต้น
เมื่อเราคิดเกี่ยวกับการเขียนบรรทัดอื่น แต่ไม่ต้องการย่อหน้าอื่นเราสามารถใช้แท็กได้ <br> แท็กยังเป็นแท็กที่ว่างเปล่าและต้องเพิ่มหนึ่ง/ ต้องเพิ่มเพื่อตอบสนองความต้องการของ XHTML
ฉลากที่ตระหนักถึงเส้นแบ่งแนวนอนคือ <HR /> เช่นเดียวกับแท็ก <br> <hr> ก็เป็นแท็กที่ว่างเปล่า เพื่อให้สอดคล้องกับกฎของ XHTML ต้องเพิ่ม A / ต้องเพิ่ม (ต่อไปนี้เป็นเส้นแบ่ง)
การใช้แท็กสี่แท็กที่เหมาะสมที่แนะนำข้างต้นสามารถทำให้ผู้ใช้เรียกดูหน้าเว็บของคุณรู้สึกว่าหน้าเว็บมีความชัดเจนในขณะที่ความคิดเห็นสามารถทำให้คุณรู้สึกว่าหน้าเว็บชัดเจนเมื่ออ่านซอร์สโค้ดหน้าเว็บของคุณเพื่อที่คุณจะได้ไม่สับสน สิ่งที่อยู่ระหว่าง <!-และ-> เป็นเนื้อหาของความคิดเห็นและพวกเขาจะไม่แสดงบนหน้าเว็บ ดูวิธีที่เราแทรกความคิดเห็นในตัวอย่างแบบฝึกหัดด้านล่าง
ตอนนี้เปิดหน้าเว็บที่เราบันทึกไว้ในส่วนก่อนหน้าและฝึกแท็กสำคัญที่เราเรียนรู้ในส่วนนี้ ให้ <body> </body> เป็นเว็บเพจแรกของฉัน <b> </b> ลบและป้อนสิ่งต่อไปนี้:
| <H1> การประกาศบริการ </h1> <!-ฝึกการใช้ชื่อและดูว่าขนาดตัวอักษรมีขนาดใหญ่ขึ้นหรือไม่? - <hr /> <!-เส้นหารแนวนอนอย่าลืมว่า /-> <H2> ตอนนี้ฉันให้บริการต่อไปนี้แก่นักเรียนและผู้ปกครองระดับประถมศึกษาทั่วประเทศ: </h2> <!-ชื่อหมายเลข 2 ดูว่าขนาดตัวอักษรนั้นเล็กกว่าชื่อหมายเลข 1-> บริการ <H3> สำหรับนักเรียน </h3> <p> การเขียนการบ้านฤดูหนาวและฤดูร้อน (คณิตศาสตร์ไม่รับประกันว่าไม่มีคำถามที่ผิดภาษาจีนไม่รับประกันว่าไม่มีคำที่ผิดการบ้านภาษาอังกฤษโปรดหาคนอื่น) <br /> เพื่อช่วยนักเรียนรังแกภายใต้ชั้นประถมศึกษาปีที่สี่จะต้องเรียกเก็บค่าธรรมเนียมกีฬาพิเศษ <br /> ผู้ปกครองจะช่วยแกล้งเป็นพ่อแม่ </p> <!-เนื้อหาข้างต้นเป็นย่อหน้า-> <H3> บริการวีไอพี </h3> <p> ทุกคนที่ซื้อบริการทั้งสามจะได้รับการอัพเกรดเป็นวีไอพีโดยอัตโนมัติ เราจะสร้างโฮมเพจส่วนตัวสำหรับคุณฟรีซึ่งสอดคล้องกับมาตรฐาน XHTML ของ W3C และ ISO2009 ~ </p> <!-แม้ว่าหน้าเว็บที่นี่จะค่อนข้างแตกต่างกัน แต่คุณคิดว่าอินเทอร์เฟซนั้นน่าเกลียดและเรียบง่ายจริงหรือ? ตัวอย่างเช่นไม่มีช่องว่างระหว่างบรรทัดชื่อหมายเลขหนึ่ง ใหญ่เกินไป วิธีการกำหนดลักษณะที่ปรากฏของหน้าเว็บจะอธิบายในภายหลังในบทช่วยสอน CSS ฉันลืมที่จะพูดคุยเกี่ยวกับเนื้อหาหลักความคิดเห็นจะไม่ปรากฏบนหน้าเว็บดังนั้น เราสามารถทำเรื่องไร้สาระได้มากมายที่นี่ อย่างไรก็ตามพยายามเขียนความคิดเห็นที่รวดเร็วในกระบวนการออกแบบหน้าเว็บในอนาคต - |