การปรากฏตัวของหน้าเว็บนั้นสวยงามขึ้นอยู่กับเค้าโครงเป็นส่วนใหญ่ ย่อหน้าขนาดใหญ่ของข้อความปรากฏบนหน้าซึ่งมักจะวางแผนในส่วนและมีแผนกที่เข้มงวดมากสำหรับการแบ่งบรรทัด ส่วนนี้เริ่มต้นด้วยรายละเอียดของย่อหน้าเพื่อให้ผู้อ่านสามารถใช้แท็กเพื่อประมวลผลข้อความย่อขนาดใหญ่ได้อย่างอิสระหลังจากเรียนรู้
ข้อความและย่อหน้าในหน้า HTMLจากการศึกษาบทก่อนหน้าผู้อ่านมีรากฐานที่ค่อนข้างแข็งแกร่งในการตั้งค่าประสิทธิภาพโดยรวมของหน้าเว็บ อย่างไรก็ตามผู้อ่านไม่เพียง แต่ต้องการแสดงข้อความบนหน้าเว็บ แต่ยังต้องการพิมพ์และแก้ไขข้อความบนหน้าเว็บ บทนี้จะเรียนรู้เลย์เอาต์ง่ายๆการดัดแปลงข้อความเลื่อนและไฮเปอร์ลิงก์ของข้อความ การเชื่อมโยงหลายมิติมีอยู่ทั่วไปในการพัฒนาเว็บไซต์และเป็นจุดสนใจของหน้าเว็บ
เมื่อศึกษาบทนี้ให้สร้างไดเรกทอรีที่ชื่อบทที่ 3 ใน D:/เว็บ/ไดเรกทอรีให้ย้ายไฟล์จากบทก่อนหน้าไปยัง D:/Web/Chapter3 และทำการจำแนกประเภท บทนี้ยังคงสร้างไฟล์ตัวอย่างใน D:/ Web/ Directory เพื่ออำนวยความสะดวกในการทดสอบไฟล์ตัวอย่างด้วย IIS
- หมายเหตุ: บทต่อไปนี้จะได้รับการปฏิบัติในทำนองเดียวกันและจะไม่ถูกทำซ้ำ ตัวอย่างเช่นไฟล์ในบทที่ 4 จัดเป็น D:/ Web/ Chapter4
4.1 การเรียงลำดับแบบย่อหน้าและการทำลายเส้นการปรากฏตัวของหน้าเว็บนั้นสวยงามขึ้นอยู่กับเค้าโครงเป็นส่วนใหญ่ ย่อหน้าขนาดใหญ่ของข้อความปรากฏบนหน้าซึ่งมักจะวางแผนในส่วนและมีแผนกที่เข้มงวดมากสำหรับการแบ่งบรรทัด ส่วนนี้เริ่มต้นด้วยรายละเอียดของย่อหน้าเพื่อให้ผู้อ่านสามารถใช้แท็กเพื่อประมวลผลข้อความย่อขนาดใหญ่ได้อย่างอิสระหลังจากเรียนรู้
4.1.1 ส่วนย่อของข้อความขนาดใหญ่เพียงใช้แท็ก <p> </p> ที่ใช้กันทั่วไปสำหรับการแบ่งส่วนข้อความนั่นคือใช้จุดเริ่มต้นของวรรคและใช้จุดสิ้นสุดของวรรค หน้าเว็บบางหน้าถูกละเว้นเมื่อแบ่งส่วนนั่นคือพวกเขาจะใช้เป็นแท็กเดียวเนื่องจากแท็ก <p> ที่จุดเริ่มต้นของวรรคถัดไปหมายถึงจุดสิ้นสุดของวรรคก่อนหน้า
-หมายเหตุ: ผู้เขียนไม่แนะนำให้ใช้ <p> เป็นแท็กเดียวเนื่องจากรหัสนี้ไม่ได้มาตรฐานและผิดพลาดได้ง่าย
สร้างไฟล์หน้าเว็บใน D:/ Web/ Directory ชื่อ P.HTM และเขียนโค้ดตามที่แสดงในรหัส 4.1
รหัส 4.1 การตั้งค่าเซ็กเมนต์: p.htm
<html>
<head>
<title> การตั้งค่าเซ็กเมนต์ </title>
</head>
<body>
<p> ภาพยนตร์ทุกสองสัปดาห์: "Infernal Affairs Three: The Ultimate Unlimpred" หัวข้อคำอธิบาย </p>
<p> เป็นเพียงการเริ่มต้นหลังจากสิ้นสุด </p>
<p> ในตอนท้ายของปี 2545 ตำนานเริ่มขึ้น ฤดูใบไม้ร่วงและฤดูหนาวปี 2546 มุ่งหน้าสู่จุดสุดยอดและสุดยอด "Infernal Affairs" หมายความว่ามันสืบทอดปรัชญาทางพุทธศาสนาและความสว่างและความมืดการเอาชีวิตรอดและการสูญพันธุ์การดำรงอยู่และความว่างเปล่าถูกพันกันในลักษณะที่หลากหลาย มีสาเหตุมีผลและมีบาปมีชะตากรรม ความมหัศจรรย์ของสถานการณ์และลักษณะที่ปรากฏอยู่ในขอบเขตของคำและการตีความ มันไม่สามารถเปิดเผยได้และไม่สามารถเงียบและขึ้นอยู่กับกันและกัน เสียงหัวใจอยู่ที่นั่นเสมอตั้งคำถามกับตัวเองและเวลาและพื้นที่ นี่เป็นเวลาที่ดีที่สุดนี่เป็นเวลาที่เลวร้ายที่สุดและผู้คนในเกือบทุกยุคก็บอกว่า อย่างไรก็ตาม "Vimalakirti Sutra: บทที่เจ็ดของมุมมองของทุกชีวิต" กล่าวว่า: ไม่มีสิ่งที่แนบมาไม่มีต้นกำเนิด เริ่มต้นจากคำพูดและการกระทำของร่างกายผ่านระดับที่ไม่สามารถบรรยายได้ในตอนแรกเราไปถึงสถานะของการมองเห็นตนเองซึ่งในที่สุดก็ไม่มีอะไรมากไปกว่าทัศนคติของการอยู่รอด ในความคิดของฉัน Liu Jianming, Chen Yongren, Han Chen, Huang Zhicheng, Ni Yongxiao, Lu Qichang, Yang Jinrong, Shen Cheng และคนอื่น ๆ พวกเขาทุกคนสามารถเห็นตัวเองจากกันและกันต่อสู้ระเบิดจมและกระจายราวกับว่าพวกเขาเป็นภัยพิบัติและชีวิตที่บิดเบี้ยว </p>
<p> กูจุนพูดจากอุดมคตินิยมไปสู่การประจักษ์พยานวัง Xiaobo กล่าวว่าเป็นการตื่นตัวต่อทรราชและวีรบุรุษวีรบุรุษคือใคร? พวกเขามาจากไหน? แล้วถ้าพวกเขามาล่ะ? เรายังต้องการฮีโร่ในยุคของเราหรือไม่? เมื่อฉันแก้ไขฟอรัม E นี้ฉันรู้สึกโล่งใจเล็กน้อย จากข้อความเราจะเห็นว่าทุกคนกำลังคิด ท้ายที่สุดเราไม่ได้เป็นผู้ติดตามคนตาบอดอีกต่อไป ในความคิดของฉันความบันเทิงไม่เคยเป็นเพียงความบันเทิง คุณสามารถเห็นโลกจากหยดน้ำดอกไม้และทรายเม็ด สิ่งที่เราคิดในภาพยนตร์นั้นถูกกำหนดให้มีมากขึ้นและความเข้าใจนั้นไร้ขอบเขต เราแต่ละคนถือเป็นโลกนี้และเรามีส่วนร่วมไม่ว่าโลกจะดีหรือไม่ดี เราแต่ละคนมีชีวิตของเราเองทั้งจุดแข็งและจุดอ่อนของเราซึ่งเป็นพื้นฐานสำหรับความก้าวหน้าทั่วไปของเรา </p>
</body>
</html>
ป้อน http: //localhost/p.htm ในแถบที่อยู่เบราว์เซอร์และเอฟเฟกต์การเรียกดูจะแสดงในรูปที่ 4.1
รูปที่ 4.1 การตั้งค่าการแบ่งส่วน
ผ่านเซ็กเมนต์ของแท็ก <p> </p> โครงร่างข้อความของเซ็กเมนต์ขนาดใหญ่จะถูกจัดระเบียบ
4.1.2 เพิ่มช่องว่างในข้อความหากคุณมองอย่างใกล้ชิดที่รูปที่ 4.1 การแบ่งส่วนในรูปจะรู้สึกอึดอัดเล็กน้อยเพราะไม่มีช่องว่างของตัวละครในตอนต้นของแต่ละเซ็กเมนต์
- คำอธิบาย: ตามนิสัยการเขียนภาษาจีนบรรทัดแรกของย่อหน้าจะต้องมีตัวละครจีน 2 ตัว
ฉันได้เรียนรู้บทก่อนหน้านี้ว่าเป็นไปไม่ได้ที่จะแสดงบนหน้าเว็บโดยเพียงแค่แตะแถบอวกาศด้วยแป้นพิมพ์ในรหัส HTML HTML ใช้ตัวละคร 1 ช่องว่าง (อักขระอวกาศภาษาอังกฤษ) ตั้งแต่ตัวละครจีน 1 ตัวมีความกว้างของตัวละครภาษาอังกฤษสองตัวเพิ่ม 4 & nbsp; อักขระถึงจุดเริ่มต้นของบรรทัดแรกของวรรคและแก้ไขรหัสของ p.htm ดังแสดงในรหัส 4.2
รหัส 4.2 การตั้งค่าอักขระอวกาศ: p.htm
<html>
<head>
<title> การตั้งค่าเซ็กเมนต์ </title>
</head>
<body>
<p> ภาพยนตร์ทุกสองสัปดาห์: "Infernal Affairs Three: The Ultimate Unlimpred" หัวข้อคำอธิบาย </p>
<p> เป็นเพียงการเริ่มต้นหลังจากสิ้นสุด </p>
<p> & nbsp; & nbsp; & nbsp; & nbsp; ในตอนท้ายของปี 2545 ตำนานเริ่มขึ้น ฤดูใบไม้ร่วงและฤดูหนาวปี 2546 มุ่งหน้าสู่จุดสุดยอดและสุดยอด "Infernal Affairs" หมายความว่ามันสืบทอดปรัชญาทางพุทธศาสนาและความสว่างและความมืดการเอาชีวิตรอดและการสูญพันธุ์การดำรงอยู่และความว่างเปล่าถูกพันกันในลักษณะที่หลากหลาย มีสาเหตุมีผลและมีบาปมีชะตากรรม ความมหัศจรรย์ของสถานการณ์และลักษณะที่ปรากฏอยู่ในขอบเขตของคำและการตีความ มันไม่สามารถเปิดเผยได้และไม่สามารถเงียบและขึ้นอยู่กับกันและกัน เสียงหัวใจอยู่ที่นั่นเสมอตั้งคำถามกับตัวเองและเวลาและพื้นที่ นี่เป็นเวลาที่ดีที่สุดนี่เป็นเวลาที่เลวร้ายที่สุดและผู้คนในเกือบทุกยุคก็บอกว่า อย่างไรก็ตาม "Vimalakirti Sutra: บทที่เจ็ดของมุมมองของทุกชีวิต" กล่าวว่า: ไม่มีสิ่งที่แนบมาไม่มีต้นกำเนิด เริ่มต้นจากคำพูดและการกระทำของร่างกายผ่านระดับที่ไม่สามารถบรรยายได้ในตอนแรกเราไปถึงสถานะของการมองเห็นตนเองซึ่งในที่สุดก็ไม่มีอะไรมากไปกว่าทัศนคติของการอยู่รอด ในความคิดของฉัน Liu Jianming, Chen Yongren, Han Chen, Huang Zhicheng, Ni Yongxiao, Lu Qichang, Yang Jinrong, Shen Cheng และคนอื่น ๆ พวกเขาทุกคนสามารถเห็นตัวเองจากกันและกันต่อสู้ระเบิดจมและกระจายราวกับว่าพวกเขาเป็นภัยพิบัติและชีวิตที่บิดเบี้ยว </p>
<p> & nbsp; & nbsp; & nbsp; & nbsp; gu zhun กล่าวจากอุดมคตินิยมไปสู่การประจักษ์พยานวัง Xiaobo กล่าวว่าเป็นการตื่นตัวต่อทรราชและวีรบุรุษใครคือวีรบุรุษ? พวกเขามาจากไหน? แล้วถ้าพวกเขามาล่ะ? เรายังต้องการฮีโร่ในยุคของเราหรือไม่? เมื่อฉันแก้ไขฟอรัม E นี้ฉันรู้สึกโล่งใจเล็กน้อย จากข้อความเราจะเห็นว่าทุกคนกำลังคิด ท้ายที่สุดเราไม่ได้เป็นผู้ติดตามคนตาบอดอีกต่อไป ในความคิดของฉันความบันเทิงไม่เคยเป็นเพียงความบันเทิง คุณสามารถเห็นโลกจากหยดน้ำดอกไม้และทรายเม็ด สิ่งที่เราคิดในภาพยนตร์นั้นถูกกำหนดให้มีมากขึ้นและความเข้าใจนั้นไร้ขอบเขต เราแต่ละคนถือเป็นโลกนี้และเรามีส่วนร่วมไม่ว่าโลกจะดีหรือไม่ดี เราแต่ละคนมีชีวิตของเราเองทั้งจุดแข็งและจุดอ่อนของเราซึ่งเป็นพื้นฐานสำหรับความก้าวหน้าทั่วไปของเรา </p>
</body>
</html>
ป้อน http: //localhost/p.htm ในแถบที่อยู่เบราว์เซอร์และเอฟเฟกต์การเรียกดูจะแสดงในรูปที่ 4.2
รูปที่ 4.2 การตั้งค่าอักขระอวกาศ
วรรคเริ่มต้นขึ้นและมีการแสดงออกช่องว่าง ผู้อ่านสามารถเพิ่มอักขระพื้นที่เพื่อทดสอบย่อหน้า
4.1.3 การตั้งค่าการแบ่งบรรทัดข้อความและไม่ใช่การแบ่งบรรทัดรูปที่ 4.1 ดูเหมือนว่าไม่มีปัญหา เมื่อข้อความถึงขอบเขตของเบราว์เซอร์มันจะพันบรรทัดโดยอัตโนมัติ อย่างไรก็ตามเมื่อมีการปรับความกว้างของเบราว์เซอร์ตำแหน่งของการแบ่งสายข้อความก็จะเปลี่ยนไปตามนั้นและรูปแบบก็ค่อนข้างสับสน เพื่อสร้างมาตรฐานรูปแบบผู้อ่านควรใช้แท็กเดียวเพื่อบังคับให้หยุดพักสายเมื่อเขียนโค้ด ในทางตรงกันข้ามชิ้นส่วนที่ไม่จำเป็นต้องห่อจะรวมอยู่ในแท็กคู่ <NOBR> </nobr> แก้ไขรหัส P.HTM ดังแสดงในรหัส 4.3
รหัส 4.3 การควบคุมการแบ่งบรรทัด: p.htm
<html>
<head>
<title> การตั้งค่าเซ็กเมนต์ </title>
</head>
<body>
<p> ภาพยนตร์ทุกสองสัปดาห์: "Infernal Affairs Three: The Ultimate Unlimpred" หัวข้อคำอธิบาย </p>
<p> เป็นเพียงการเริ่มต้นหลังจากสิ้นสุด </p>
<p> & nbsp; & nbsp; & nbsp; & nbsp; ในตอนท้ายของปี 2545 ตำนานเริ่มขึ้น ฤดูใบไม้ร่วงและฤดูหนาวปี 2546 มุ่งหน้าสู่จุดสุดยอดและสุดยอด <br /> <nobr> กิจการที่ไม่ดีคือการสืบทอดปรัชญาทางพุทธศาสนาและความสว่างและความมืดการอยู่รอดและการสูญพันธุ์การดำรงอยู่และความว่างเปล่าถูกพันกันในลักษณะที่หลากหลายและพังทลายลงอย่างน่าตกใจ นอกจากนี้ยังเป็นกระบวนการของการเพิ่มคุณค่าและความสามัคคี มีสาเหตุมีผลและมีบาปมีชะตากรรม ความงามของสถานการณ์และรูปลักษณ์อยู่ในขอบเขตของคำและการตีความ มันไม่สามารถเปิดเผยได้และไม่สามารถเงียบและขึ้นอยู่กับกันและกัน เสียงหัวใจอยู่ที่นั่นเสมอตั้งคำถามกับตัวเองและเวลาและพื้นที่ <NOBR> นี่เป็นเวลาที่ดีที่สุดนี่เป็นเวลาที่เลวร้ายที่สุดและผู้คนในเกือบทุกยุคก็พูดเช่นนั้น อย่างไรก็ตาม "Vimalakirti Sutra: บทที่เจ็ดของมุมมองของทุกชีวิต" กล่าวว่า: ไม่มีสิ่งที่แนบมาไม่มีต้นกำเนิด </nobr> จากคำพูดและการกระทำของร่างกายและผ่านระดับที่ไม่สามารถบรรยายได้ในตอนแรกเราไปถึงสถานะของมุมมองตนเองซึ่งในที่สุดก็ไม่มีอะไรมากไปกว่าทัศนคติของการอยู่รอด ในความคิดของฉัน Liu Jianming, Chen Yongren, Han Chen, Huang Zhicheng, Ni Yongxiao, Lu Qichang, Yang Jinrong, Shen Cheng และคนอื่น ๆ พวกเขาทุกคนสามารถเห็นตัวเองจากกันและกันต่อสู้ระเบิดจมและกระจายราวกับว่าพวกเขาเป็นภัยพิบัติและชีวิตที่บิดเบี้ยว </p>
<p> & nbsp; & nbsp; & nbsp; & nbsp; gu zhun กล่าวจากอุดมคตินิยมไปสู่การประจักษ์พยานวัง Xiaobo กล่าวว่าเป็นการตื่นตัวต่อทรราชและวีรบุรุษใครคือวีรบุรุษ? พวกเขามาจากไหน? แล้วถ้าพวกเขามาล่ะ? เรายังต้องการฮีโร่ในยุคของเราหรือไม่? เมื่อฉันแก้ไขฟอรัม E นี้ฉันรู้สึกโล่งใจเล็กน้อย จากข้อความเราจะเห็นว่าทุกคนกำลังคิด ท้ายที่สุดเราไม่ได้เป็นผู้ติดตามคนตาบอดอีกต่อไป ในความคิดของฉันความบันเทิงไม่เคยเป็นเพียงความบันเทิง คุณสามารถเห็นโลกจากหยดน้ำดอกไม้และทรายเม็ด สิ่งที่เราคิดในภาพยนตร์นั้นถูกกำหนดให้มีมากขึ้นและความเข้าใจนั้นไร้ขอบเขต เราแต่ละคนถือเป็นโลกนี้และเรามีส่วนร่วมไม่ว่าโลกจะดีหรือไม่ดี เราแต่ละคนมีชีวิตของเราเองทั้งจุดแข็งและจุดอ่อนของเราซึ่งเป็นพื้นฐานสำหรับความก้าวหน้าทั่วไปของเรา </p>
</body>
</html>
ป้อน http: //localhost/p.htm ในแถบที่อยู่เบราว์เซอร์และเอฟเฟกต์การเรียกดูจะแสดงในรูปที่ 4.3
รูปที่ 4.3 การควบคุมการแบ่งบรรทัด
จากตัวอย่างนี้ชิ้นส่วนที่มีอยู่ใน <nobr> </nobr> จะไม่ถูกห่อหุ้มโดยอัตโนมัติเว้นแต่จะมีการห่อหุ้ม
4.1.4 ตั้งค่าการจัดตำแหน่งข้อความข้อความในวรรคต้องจัดตำแหน่งแตกต่างกันในบางจุดและการจัดตำแหน่งเริ่มต้นจะถูกทิ้งไว้ แอตทริบิวต์การจัดตำแหน่งของแท็ก <p> คือการจัดแนว ตั้งค่าการจัดแนวเป็นค่าซ้ายขวาหรือตรงกลางเพื่อให้ได้การจัดแนวซ้ายและตรงกลาง แก้ไขรหัส p.htm ดังแสดงในรหัส 4.4
รหัส 4.4 การควบคุมการจัดตำแหน่ง: p.htm
<html>
<head>
<title> การตั้งค่าเซ็กเมนต์ </title>
</head>
<body>
<p> ภาพยนตร์ทุกสองสัปดาห์: "Infernal Affairs Three: The Ultimate Unlimpred" หัวข้อคำอธิบาย </p>
<p> เป็นเพียงการเริ่มต้นหลังจากสิ้นสุด </p>
<p allign = center> & nbsp; & nbsp; & nbsp; & nbsp; ในตอนท้ายของปี 2545 ตำนานเริ่มขึ้น ฤดูใบไม้ร่วงและฤดูหนาวปี 2546 มุ่งหน้าสู่จุดสุดยอดและสุดยอด "Infernal Affairs" หมายความว่ามันสืบทอดปรัชญาทางพุทธศาสนาและความสว่างและความมืดการเอาชีวิตรอดและการสูญพันธุ์การดำรงอยู่และความว่างเปล่าถูกพันกันในลักษณะที่หลากหลาย มีสาเหตุมีผลและมีบาปมีชะตากรรม ความมหัศจรรย์ของสถานการณ์และลักษณะที่ปรากฏอยู่ในขอบเขตของคำและการตีความ มันไม่สามารถเปิดเผยได้และไม่สามารถเงียบและขึ้นอยู่กับกันและกัน เสียงหัวใจอยู่ที่นั่นเสมอตั้งคำถามกับตัวเองและเวลาและพื้นที่ นี่เป็นเวลาที่ดีที่สุดนี่เป็นเวลาที่เลวร้ายที่สุดและผู้คนในเกือบทุกยุคก็บอกว่า อย่างไรก็ตาม "Vimalakirti Sutra: บทที่เจ็ดของมุมมองของทุกชีวิต" กล่าวว่า: ไม่มีสิ่งที่แนบมาไม่มีต้นกำเนิด เริ่มต้นจากคำพูดและการกระทำของร่างกายผ่านระดับที่ไม่สามารถบรรยายได้ในตอนแรกเราไปถึงสถานะของการมองเห็นตนเองซึ่งในที่สุดก็ไม่มีอะไรมากไปกว่าทัศนคติของการอยู่รอด ในความคิดของฉัน Liu Jianming, Chen Yongren, Han Chen, Huang Zhicheng, Ni Yongxiao, Lu Qichang, Yang Jinrong, Shen Cheng และคนอื่น ๆ พวกเขาทุกคนสามารถเห็นตัวเองจากกันและกันต่อสู้ระเบิดจมและกระจายราวกับว่าพวกเขาเป็นภัยพิบัติและชีวิตที่บิดเบี้ยว </p>
<p allign = ขวา> & nbsp; & nbsp; & nbsp; & nbsp; gu zhun พูดจากอุดมคตินิยมไปสู่การประจักษ์นิยมวัง Xiaobo กล่าวว่าเป็นการตื่นตัวต่อทรราชและวีรบุรุษใครคือฮีโร่? พวกเขามาจากไหน? แล้วถ้าพวกเขามาล่ะ? เรายังต้องการฮีโร่ในยุคของเราหรือไม่? เมื่อฉันแก้ไขฟอรัม E นี้ฉันรู้สึกโล่งใจเล็กน้อย จากข้อความเราจะเห็นว่าทุกคนกำลังคิด ท้ายที่สุดเราไม่ได้เป็นผู้ติดตามคนตาบอดอีกต่อไป ในความคิดของฉันความบันเทิงไม่เคยเป็นเพียงความบันเทิง คุณสามารถเห็นโลกจากหยดน้ำดอกไม้และทรายเม็ด สิ่งที่เราคิดในภาพยนตร์นั้นถูกกำหนดให้มีมากขึ้นและความเข้าใจนั้นไร้ขอบเขต เราแต่ละคนถือเป็นโลกนี้และเรามีส่วนร่วมไม่ว่าโลกจะดีหรือไม่ดี เราแต่ละคนมีชีวิตของเราเองทั้งจุดแข็งและจุดอ่อนของเราซึ่งเป็นพื้นฐานสำหรับความก้าวหน้าทั่วไปของเรา </p>
</body>
</html>
ป้อน http: //localhost/p.htm ในแถบที่อยู่เบราว์เซอร์และเอฟเฟกต์การเรียกดูจะแสดงในรูปที่ 4.4
รูปที่ 4.4 การควบคุมการจัดตำแหน่ง
4.1.5 การเพิ่มตัวแบ่งแนวนอนHTML ให้ตัวแบ่งแนวนอนสำหรับการปรับเปลี่ยนย่อหน้าซึ่งสามารถใช้งานได้ง่ายในหลาย ๆ ครั้งโดยไม่ต้องวาดภาพเพิ่มเติม ฉลากของตัวแบ่งแนวนอนคือป้ายกำกับเดียว <HR /> ซึ่งใช้งานหนึ่งบรรทัดโดยค่าเริ่มต้น
สร้างไฟล์หน้าเว็บใน D:/ Web/ Directory ชื่อ Hr.htm และเขียนโค้ดตามที่แสดงในรหัส 4.5
รหัส 4.5 การตั้งค่าบรรทัดตัวหาร: HR.HTM
<html>
<head>
<title> การตั้งค่าของตัวแบ่งบรรทัด </title>
</head>
<body>
<P Align = Center> รีวิวเพลงกวางตุ้งอันรุ่งโรจน์ในฉากดนตรี </p>
<HR />
<p> & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; เพลงใดเป็นเพลงกวางตุ้งที่เก่าแก่ที่สุดยังคงเป็นที่ถกเถียงกันอยู่ ในปี 1973 สมาชิก Flower น้องสาว Chopstick Xian Dula ร้องเพลงธีมของชื่อเดียวกันสำหรับซีรีย์ทีวี "Hidden and Crystal" ที่สร้างโดย Gu Jiahui เพลงนี้ยังเป็นบทเพลงของละครกวางตุ้งครั้งแรกในวงการเพลงของฮ่องกง ในปีเดียวกันอดัมเฉิงผู้มีประสบการณ์ยังแสดงในละคร TVB "Smoky Rain" และร้องเพลงธีมที่มีชื่อเดียวกัน บทเพลงที่มีชื่อเดียวกันของภาพยนตร์ยอดนิยม "The Two Stars" ร้องโดย Xu Guanjie ในปี 1974 เป็นระเบิดในวงการเพลงกลายเป็นเพลงจีนเพลงแรกที่เล่นใน BBC Radio ในสหราชอาณาจักร มันมีชื่อเสียงในเวลานั้นและเป็นที่รู้จักมากที่สุดจากทุกคนสำหรับต้นกำเนิดของเพลงกวางตุ้ง </p>
</body>
</html>
ป้อน http: //localhost/hr.htm ในแถบที่อยู่เบราว์เซอร์และเอฟเฟกต์การเรียกดูจะแสดงในรูปที่ 4.5
มันยังคงเป็นที่ถกเถียงกันว่าเพลงใดเป็นเพลงกวางตุ้งที่เก่าแก่ที่สุด ในปี 1973 Chopstick Sister Hua Cheng Zhongxian Dula ร้องเพลงธีมที่มีชื่อเดียวกันสำหรับซีรีย์ทีวี "Hidden and Crystal" ที่สร้างโดย Gu Jiahui เพลงนี้ยังเป็นบทเพลงของละครกวางตุ้งครั้งแรกในวงการเพลงฮ่องกง ในปีเดียวกันอดัมเฉิงซึ่งเป็นมือใหม่ได้แสดงในละคร TVB "Smoky Rain" และร้องเพลงธีมที่มีชื่อเดียวกัน บทเพลงที่มีชื่อเดียวกันของภาพยนตร์ฮิต "The Two Stars" ร้องโดย Xu Guanjie ในปี 1974 เป็นระเบิดในวงการเพลง มันกลายเป็นเพลงจีนเพลงแรกที่เล่นในวิทยุบีบีซีในสหราชอาณาจักร มันมีชื่อเสียงในเวลานั้นและเป็นที่รู้จักมากที่สุดจากทุกคนสำหรับต้นกำเนิดของกวางตุ้ง
รูปที่ 4.5 การตั้งค่าสายแบ่ง
แท็ก <HR /> ง่าย ๆ สามารถตระหนักถึงตัวแบ่งการปรับเปลี่ยนเค้าโครงย่อหน้าได้อย่างง่ายดายเพื่อให้สวยงามยิ่งขึ้น อย่างไรก็ตามสำหรับโอกาสแอปพลิเคชันที่แตกต่างกันสไตล์บรรทัดเดียวเริ่มต้นไม่สามารถตอบสนองความต้องการได้ แอตทริบิวต์หลายตัวของแท็ก <Hr />> แก้ปัญหานี้ แอตทริบิวต์ที่ใช้กันทั่วไป ได้แก่ ความกว้าง, ขนาด, การจัดแนว, สีและชื่อเรื่อง ความกว้างคือการตั้งค่าความกว้าง หน่วยเริ่มต้นของค่าแอตทริบิวต์คือพิกเซล เปอร์เซ็นต์ยังสามารถใช้เพื่อแสดงสัดส่วนของพื้นที่ที่ถูกครอบครองโดยตัวแบ่ง ขนาดสามารถเข้าใจได้ว่าเป็นความหนาหรือความสูงของตัวแบ่งและหน่วยเริ่มต้นของค่าแอตทริบิวต์นั้นเท่ากับความกว้าง การจัดแนวคือการจัดตำแหน่งคล้ายกับการจัดแนวของ <p> สีคือสีและสีที่แตกต่างกันของตัวแบ่งจะถูกตั้งค่าตามความต้องการ แอตทริบิวต์ชื่อเรื่องไม่ได้ใช้มากนักและเนื้อหาของค่าแอตทริบิวต์จะปรากฏขึ้นเมื่อเคอร์เซอร์ของผู้ชมอยู่เหนือตัวแบ่ง
- คำอธิบาย: การจัดตำแหน่งเริ่มต้นของ <hr /> เป็นศูนย์กลาง หน่วยเริ่มต้นของแอตทริบิวต์ความกว้างและความสูง HTML เป็นพิกเซลและโดยทั่วไปไม่จำเป็นต้องมีหน่วยระบุตัวตน อย่างไรก็ตามหน่วยจะต้องระบุในแอตทริบิวต์สไตล์
<HR /> มีคุณลักษณะอื่นที่เป็น noshade เมื่อตัวแบ่งไม่มีชุดสีและมีการตั้งค่าขนาดที่แน่นอนตัวแบ่งจะดูเว้าสามมิติและมีเงา หากใช้คุณสมบัติ Noshade ตัวแบ่งจะเป็นโมโนโครม แก้ไขรหัส HR.HTM ดังแสดงในรหัส 4.6
รหัส 4.6 การตั้งค่าสไตล์ของตัวแบ่ง: HR.HTM
<html>
<head>
<title> การตั้งค่าของตัวแบ่งบรรทัด </title>
</head>
<body>
ตั้งค่าความกว้าง 300 พิกเซลและตัวหารด้านขวา: <br />
<HR Width = 300 Align = Right />
ตั้งค่าความกว้าง 50% และตัวแบ่งตรงกลาง: <br />
<HR Width = 50% allign = ซ้าย />
ตั้งค่าความกว้าง 50% ความหนา 50 พิกเซลและไม่มีตัวแบ่ง Noshade: <br />
<HR Width = 50% ขนาด = 50 />
ตั้งค่าความหนา 50 พิกเซลและใช้ Divider ของ Noshade: <br />
<hr size = 50 noshade = noshade />
ตั้งค่าความหนา 50 พิกเซลและตัวแบ่งสีแดงเข้ม: <br />
<hr size = 50 color = 770000/>
ตั้งค่าความหนา 50 พิกเซลตั้งค่าสีฟ้าอ่อนและตั้งค่าขอบคุณสำหรับการมาถึงของคุณ! เคล็ดลับสำหรับตัวแบ่ง: <br />
<hr size = 50 color = 0000cc title = ขอบคุณที่มา! -
</body>
</html>
ป้อน http: //localhost/hr.htm ในแถบที่อยู่เบราว์เซอร์และเอฟเฟกต์การเรียกดูจะแสดงในรูปที่ 4.6
รูปที่ 4.6 การตั้งค่าสไตล์ของเส้นแบ่ง