ช่องว่าง Html ระหว่างย่อหน้า HTML: ย่อหน้าและเส้นสีแดง คำพูดและคำจำกัดความ

สวัสดีตอนบ่ายผู้อ่านที่รัก วันนี้มีเกร็ดเล็กๆ น้อยๆ เกี่ยวกับวิธีการทำ เส้นสีแดงสำหรับแต่ละย่อหน้าในหน้า html. หากใครไม่รู้ เส้นสีแดงคือการเยื้องของบรรทัดแรกในกลุ่มข้อความ การเยื้องในย่อหน้าดังกล่าวสามารถพบได้ในเกือบทุกข้อความที่พิมพ์ แต่เมื่อสร้างเว็บไซต์ การออกแบบเส้นสีแดงนั้นค่อนข้างหายาก แม้ว่ามันจะทำให้ข้อความอ่านง่ายขึ้นมาก ในกรณีที่ลูกค้าต้องการให้ย่อหน้าในเว็บไซต์เริ่มต้นด้วยเส้นสีแดง ฉันจะให้สูตรง่ายๆ ในการแก้ปัญหานี้แก่คุณ

มีหลายวิธีในการแก้ปัญหา ตัวอย่างเช่น คุณสามารถแทรกอักขระพิเศษหลายตัวในแถวที่ตอนต้นของแต่ละย่อหน้าได้ แต่อาจใช้เวลาค่อนข้างมาก ดังนั้น ผมขอแนะนำให้ใช้คุณสมบัติ CSS เพื่อสร้างเส้นสีแดง เยื้องข้อความซึ่งชุด เยื้องบรรทัดแรกบล็อกของข้อความ ในกรณีนี้จะไม่มีผลกับบรรทัดที่เหลือ

คุณสมบัติการเยื้องข้อความมีไวยากรณ์ง่าย ๆ :

เยื้องข้อความ:<значение> | <проценты>| สืบทอด

คุณสามารถระบุพิกเซล (px) จุด (pt) และหน่วยอื่นๆ ที่ยอมรับใน CSS ได้ตามค่า ค่ากำหนดจำนวนที่จะย้ายข้อความของบรรทัดแรกไปทางขวาจากตำแหน่งเดิม อนุญาตให้ระบุค่าลบ จากนั้นข้อความจะเลื่อนไปทางซ้าย เมื่อระบุค่าเปอร์เซ็นต์ การเยื้องของบรรทัดแรกจะถูกคำนวณโดยขึ้นอยู่กับความกว้างของบล็อกข้อความ

หากจำเป็นต้องเพิ่มเส้นสีแดงในย่อหน้าเดียว คุณสามารถทำได้:

ผลลัพธ์:

มีต้นโอ๊กอยู่ที่ขอบถนน มันอาจจะแก่กว่าต้นเบิร์ชที่ประกอบเป็นป่าถึงสิบเท่า หนากว่าต้นเบิร์ชถึงสิบเท่าและสูงเป็นสองเท่าของต้นเบิร์ชแต่ละต้น มันเป็นต้นโอ๊กขนาดใหญ่สองเส้นรอบวง มีกิ่งก้านและเปลือกไม้ที่รกไปด้วยแผลเก่า ด้วยมือและนิ้วที่เงอะงะขนาดใหญ่ เงอะงะ ไม่สมมาตร เขายืนอยู่ระหว่างต้นเบิร์ชที่ยิ้มแย้มราวกับคนแก่ ขี้โมโห และดูถูกเหยียดหยาม มีเพียงเขาเท่านั้นที่ไม่ต้องการยอมจำนนต่อมนต์เสน่ห์ของฤดูใบไม้ผลิและไม่อยากเห็นฤดูใบไม้ผลิหรือดวงอาทิตย์

หรือเพิ่มแอตทริบิวต์ class ในย่อหน้าที่ควรเริ่มต้นด้วยเส้นสีแดงและเพิ่มสไตล์ที่ต้องการ:

เจ้าชายอังเดรมองย้อนกลับไปที่ต้นโอ๊กนี้หลายครั้งขณะที่เขาขี่ม้าผ่านป่า มีดอกไม้และหญ้าอยู่ใต้ต้นโอ๊ก แต่เขายังคงยืนอยู่ท่ามกลางพวกเขา มืดมน ไม่ขยับเขยื้อน น่าเกลียดและดื้อรั้น

ผลลัพธ์:

เจ้าชายอังเดรมองย้อนกลับไปที่ต้นโอ๊กนี้หลายครั้งขณะที่เขาขี่ม้าผ่านป่า มีดอกไม้และหญ้าอยู่ใต้ต้นโอ๊ก แต่เขายังคงยืนอยู่ท่ามกลางพวกเขา มืดมน ไม่ขยับเขยื้อน น่าเกลียดและดื้อรั้น

ตอนนี้คุณสามารถได้อย่างง่ายดาย ทำเส้นสีแดงบนหน้า html ของคุณ. พบกันเร็ว ๆ นี้!

html redline สามารถตั้งค่าได้ 4 วิธี แม้ว่าภาษาการเขียนโปรแกรมนี้ไม่ได้ให้มาตรฐานบางอย่างสำหรับปรากฏการณ์นี้ ดังนั้นจึงไม่มีข้อจำกัดในเรื่องนี้ ในบทความนี้ เราจะใช้เครื่องมือที่ไม่ได้มาตรฐานในการสร้างเส้นสีแดง

วิธีที่ 1

คุณควรเริ่มต้นด้วยวิธีที่ธรรมดาที่สุด เฉพาะในกรณีนี้ จำเป็นต้องใช้ตารางแบบเรียงซ้อน เนื่องจาก CSS เชื่อมโยงกับภาษามาร์กอัปไฮเปอร์เท็กซ์อย่างแยกไม่ออก บรรทัดสีแดงของ html สามารถตั้งค่าได้โดยใช้คุณสมบัติ "การเยื้องข้อความ" การระบุองค์ประกอบที่ต้องการและระยะทางที่จะใช้สำหรับการเยื้องทางด้านซ้ายของเอกสารก็เพียงพอแล้ว ตัวอย่างเช่น รายการ: "p (การเยื้องข้อความ: 20px;)" หมายความว่าจะมีการสร้างเส้นสีแดง 20 พิกเซลในแต่ละย่อหน้า p บล็อกข้อความใดๆ สามารถใช้เป็นองค์ประกอบที่ระบุค่าได้ อันที่จริง คุณสมบัตินี้ไม่ได้กำหนดเส้นสีแดง แต่เพียงระบุการเยื้องสำหรับบรรทัดแรกขององค์ประกอบที่เลือก แต่ใครจะสังเกตเห็นความแตกต่าง? คุณสมบัติ "การเยื้องข้อความ" สามารถใช้ค่าต่างๆ ได้สามประเภท:

• หน่วยวัดทั่วไป เช่น px (พิกเซล) ในหน่วยนิ้ว pt (จุด) และอื่นๆ
• ค่าเปอร์เซ็นต์ ในกรณีนี้ ระยะทางจากองค์ประกอบหลักจะถูกนำมาพิจารณาด้วย
• สืบทอด. หากคุณระบุค่านี้ คุณสมบัติจะสืบทอดมาจากองค์ประกอบหลัก

วิธีที่ 2

ใน html สามารถกำหนดเส้นสีแดงโดยไม่ต้องรวมตารางแบบเรียงซ้อน การวางช่องว่างก่อนอักขระตัวแรกในซอร์สโค้ดของหน้าก็เพียงพอแล้ว มีเพียงคุณเท่านั้นที่ต้องใช้อักขระพิเศษคือ "" เพราะหากคุณใส่ช่องว่างปกติจะนำมาพิจารณาเพียงตัวเดียวเท่านั้น และการใช้สัญลักษณ์นี้ คุณสามารถตั้งค่าการเยื้องที่ต้องการได้ บรรทัด HTML สีแดงดังกล่าวจะไม่มีผลทั่วโลก และคุณจะต้องใส่ช่องว่างทั้งหมดด้วยตนเอง ค่าลบนี้จะโหลดคุณอย่างมากเมื่อทำงานกับเอกสารจำนวนมาก นอกจากนี้ วิธีการนี้จะประกาศว่ารหัสเพจของคุณไม่ถูกต้อง

ทางที่ 3

บทสรุป

โดยสรุป เราสามารถพูดได้ว่า html ร่วมกับ CSS ช่วยให้คุณสร้างเอฟเฟกต์ต่างๆ ได้มากมาย บางครั้งคุณสมบัติและองค์ประกอบถูกใช้เพื่อวัตถุประสงค์อื่น แต่คุณไม่ควรเบี่ยงเบนจากความหมายมาตรฐานของแท็กมากเกินไป

ข้อความใด ๆ มีโครงสร้างเฉพาะของตัวเอง: หนังสือแบ่งออกเป็นส่วน ๆ ส่วนและบทต่าง ๆ หนังสือพิมพ์และนิตยสารมีหัวเรื่องและหัวเรื่องย่อยแยกกัน ซึ่งรวมถึงชิ้นส่วนข้อความที่มีโครงสร้างเป็นของตัวเอง: ย่อหน้า เยื้อง ฯลฯ

ข้อความที่วางบนหน้าเว็บก็ไม่มีข้อยกเว้น ต้องมีโครงสร้างเชิงตรรกะที่ผู้ใช้ทุกคนเข้าใจได้ ท้ายที่สุด มากขึ้นอยู่กับความสะดวกและความเรียบง่ายของข้อความบนหน้าที่จะรับรู้: ประการแรก ความประทับใจที่ผู้เยี่ยมชมจะมีเกี่ยวกับเว็บไซต์ของคุณ

ในการสร้างหน่วยโครงสร้างของข้อความเป็นย่อหน้า แท็กจะใช้ในเอกสาร HTML

ซึ่งแยกส่วนข้อความที่มีการเยื้องแนวตั้ง (มีการเพิ่มบรรทัดว่างก่อนและหลังย่อหน้า)

หมายเหตุ: โดยค่าเริ่มต้น ระยะห่างระหว่างย่อหน้าคือ 1em (em คือหน่วยวัดเท่ากับความสูงของแบบอักษร) กล่าวคือ ระยะห่างระหว่างย่อหน้าขึ้นอยู่กับขนาดแบบอักษรโดยตรง

หากต้องการเปลี่ยนการเยื้องระหว่างย่อหน้าโดยไม่เปลี่ยนขนาดฟอนต์ คุณสามารถใช้คุณสมบัติระยะขอบ CSS

อย่าลืมแท็กปิด

เบราว์เซอร์ส่วนใหญ่จะแสดงเอกสาร HTML อย่างถูกต้องแม้ว่าคุณจะลืมแท็กปิดท้าย

ย่อหน้า

วรรคอื่น

รหัสนี้จะทำงานในเบราว์เซอร์ส่วนใหญ่ แต่อย่าพึ่งพารหัสนี้ แท็กปิดที่ถูกลืมอาจนำไปสู่ผลลัพธ์ที่ไม่คาดคิดหรือข้อผิดพลาด

เส้นสีแดง

เส้นสีแดงคืออะไร? ตามคำจำกัดความ นี่คือบรรทัดแรกของย่อหน้า ซึ่งเคยเน้นด้วยสีแดง (จึงเป็นชื่อ) ก่อนการพิมพ์ถูกประดิษฐ์ขึ้น หนังสือถูกเขียนด้วยมือ - บทหรือบางส่วนของข้อความ คำหรืออักษรตัวแรกเขียนด้วยสีแดง นี่คือลักษณะที่แนวคิดของ "การเขียนจากเส้นสีแดง" ปรากฏขึ้น - นี่หมายถึงจุดเริ่มต้นของความคิดบทหรือส่วนใหม่

อย่างไรก็ตาม เมื่อสร้างหน้าเว็บ การออกแบบเส้นสีแดงมักไม่ค่อยใช้ แม้ว่าจะช่วยให้คุณสามารถรับรู้ข้อความด้วยสายตาได้สะดวกกว่ามาก ซึ่งค่อนข้างสำคัญสำหรับผู้อ่านแบบเดิมๆ ไม่ใช่ทุกคนที่อ่านสะดวก ข้อความเวอร์ชันอิเล็กทรอนิกส์

ในการเพิ่มเส้นสีแดงให้กับย่อหน้าของคุณ คุณต้องใช้คุณสมบัติ CSS เยื้องข้อความ ซึ่งช่วยให้คุณสามารถเยื้องประโยคแรกได้:

พยายาม "

ในตัวอย่างข้างต้น บรรทัดแรกของทุกย่อหน้าบนหน้าจะเริ่มต้นด้วยการเยื้อง 25px ตัวอย่างด้านล่างแสดงให้เห็นวิธีที่คุณสามารถกำหนดเส้นสีแดงเป็นเฉพาะย่อหน้าบนหน้า

เช่นเดียวกับงานศิลปะจริง ๆ ไม่มีมโนสาเร่ในตำราที่ดี ซึ่งบางคนมีเส้นสีแดง เชื่อว่าการใช้งานไม่สำคัญ อย่างไรก็ตาม เราต้องเข้าใจว่าเครื่องหมายจุลภาคใดๆ มีทั้งภาระด้านสุนทรียศาสตร์และความหมาย และไม่ได้เป็นเพียงเครื่องบรรณาการให้กับกฎของไวยากรณ์เท่านั้น แต่ยังใช้กับการจัดรูปแบบด้วย

พยายาม "

หมายเหตุ: ไม่จำเป็นต้องตั้งค่าการเยื้องเป็น 25px คุณสามารถเลือกขนาดเยื้องที่เหมาะสมที่สุดได้ด้วยตัวเอง นอกจากนี้ยังสามารถสร้างบรรทัดที่ยื่นออกมาเหนือข้อความที่เหลือโดยใช้คุณสมบัติ text-indent สำหรับสิ่งนี้ คุณต้องตั้งค่า ค่าลบสำหรับคุณสมบัติ (เช่น: -30px)

เวลาอ่านหนังสือ หนังสือพิมพ์ นิตยสาร และข้อความทั่วไป คุณจะพบกับย่อหน้ามากมาย และบรรทัดแรกของแต่ละย่อหน้ามีการเยื้องเล็กน้อย ในบทความนี้ ฉันจะแสดงตัวเลือกที่ดีที่สุดให้คุณ การเยื้องย่อหน้าผ่าน CSS.

แน่นอนว่าสามารถแทรกช่องว่างจำนวนเท่าใดก็ได้โดยใช้ ดังนั้นการเลือกการเยื้องที่จำเป็น แต่แน่นอนว่าคุณเข้าใจว่าวิธีนี้ไม่สะดวก และวิธีแก้ปัญหานี้ง่ายมาก

คุณน่าจะรู้อยู่แล้วว่าใน HTMLย่อหน้าถูกสร้างขึ้นโดยใช้แท็ก<พี>. ดังนั้น แต่ละย่อหน้าควรอยู่ในแท็กของตัวเอง<พี>. และสำหรับ เยื้องบรรทัดแรกของแต่ละย่อหน้าพอที่จะเชื่อมต่อ โค้ด CSS:

พี(
ข้อความเยื้อง: 10px;
}

ในตัวอย่างนี้ เราได้เยื้อง 10 พิกเซล. คุณสามารถลองใช้ค่านี้เพื่อค้นหาสิ่งที่ดีที่สุดสำหรับไซต์ของคุณ

ด้วยวิธีง่ายๆ นี้ คุณสามารถ ตั้งค่าการเยื้องของบรรทัดแรกของย่อหน้าใด ๆในข้อความบนเว็บไซต์

หากคุณมีคำถามใดๆ หรือต้องการพูดเกี่ยวกับบทความนี้ คุณสามารถแสดงความคิดเห็นไว้ที่ด้านล่างของหน้า

ความคิดเห็น (9) :

31.05.2013 13:10:03

สวัสดี Michael โปรดช่วยฉันแก้ปัญหาด้วยรหัส css ต่อไปนี้: .bam ( border: 1px solid black; border-radius: 8px; margin-bottom: 4%; text-align: left; width: 84%; ) bam .author ( background-color: White; border-bottom: 1px solid black; border-top-right-radius: 8px; border-top-left-radius: 8px; font-weight: bold; padding:4px; ) . bam .text ( background-color: WhiteSmoke; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; padding:4px; ) ข้อความภายใน ".bam .text" จำเป็นต้องตัดไปยังบรรทัดอื่น ถ้าไม่พอดีกับบรรทัดเดียว แต่ด้วยเหตุผลบางอย่างมันไม่ได้ถูกถ่ายโอน แต่คลานออกจากบล็อก ช่วยแก้ปัญหานี้

ที่จะตอบ

06.06.2013 22:42:20

สวัสดีมิคาอิล โดยบังเอิญคุณไม่ทราบวิธีหาทางออกจากสถานการณ์ต่อไปนี้: มีบล็อกและข้างในเป็นอีกบล็อกหนึ่งและข้อความถูกเขียนลงในบล็อกนี้ด้านใน (ไม่ทราบความยาวของข้อความ ล่วงหน้า). ดังนั้นวิธีทำให้ความสูงของบล็อกหลักขึ้นอยู่กับความสูงของบล็อกที่อยู่ภายใน (พร้อมข้อความ) และด้วยเหตุผลบางอย่าง ฉันจึงเข้าใจว่าความสูงของบล็อกหลักน้อยกว่าความสูงของบล็อกหลัก

ที่จะตอบ

แอดมิน 06.06.2013 23:32:40

บล็อคด้านนอกทั้งหมดถูกยืดออกตามขนาดของบล็อคด้านใน คุณไม่จำเป็นต้องทำเช่นนี้ ซึ่งควรเป็นค่าเริ่มต้นอยู่แล้ว

ที่จะตอบ

07.06.2013 11:11:09

และคุณดู: http://progbase.ru/about.php

ที่จะตอบ

แอดมิน 07.06.2013 21:54:37

ต้องใช้

- วางบล็อกนี้ไว้ในที่ต่าง ๆ และดูว่ามีการเปลี่ยนแปลงอย่างไร เมื่อทุกอย่างเรียบร้อย ก็ปล่อยไว้อย่างนั้น

ที่จะตอบ

13.09.2013 21:39:34

สวัสดี! โปรดช่วยในหน้าต่างของคำใบ้นี้เมื่อวางเมาส์ไว้เพื่อสร้างการเยื้องและรูปแบบข้อความอื่นๆ พรอมต์และเพิ่มเติมในข้อความ

ในกรณีของเอกสาร HTML แท็กจะทำงานเพื่อมาร์กอัปเนื้อหามากกว่าการระบุว่าควรนำเสนออย่างไร ควบคุมการนำเสนอได้มากขึ้นด้วยสไตล์ ในบทความนี้ ผมจะดูลักษณะที่เกี่ยวข้องกับการจัดรูปแบบย่อหน้าใน HTML

แท็ก

ใน HTML คุณสามารถระบุย่อหน้าได้ และแอตทริบิวต์ align จะจัดแนวไปทางซ้าย ขวา กึ่งกลาง หรือชิดขอบ นอกจากนี้ เราจะใช้แอตทริบิวต์สไตล์ส่วนกลาง

การจัดตำแหน่งย่อหน้า

คุณสามารถจัดแนวย่อหน้าโดยใช้แอตทริบิวต์ align ด้วยค่าต่อไปนี้:

text-align: ซ้าย | ขวา | กึ่งกลาง | จัดชิดขอบ | เริ่มต้น | สืบทอด;

คัดลอกโค้ดต่อไปนี้ลงในไฟล์ .html

ย่อหน้านี้จัดกึ่งกลาง

ย่อหน้านี้จัดชิดขวา

ย่อหน้านี้จะแสดงในหน้าต่างเบราว์เซอร์ที่สมเหตุสมผล ย่อหน้าที่เว้นระยะห่างอย่างดีจะจัดชิดขวาและชิดซ้ายโดยเพิ่มช่องว่างพิเศษ คุณจะเห็นว่าขอบของย่อหน้าที่จัดชิดขอบของย่อหน้าที่จัดชิดขอบซ้ายและขวา ในย่อหน้าที่จัดชิดซ้าย ระยะขอบซ้ายจะเท่ากัน และในย่อหน้าที่จัดชิดขวา ระยะขอบซ้ายจะเท่ากัน คุณเห็นไหมว่าย่อหน้านี้มีขอบทั้งสองเท่ากัน? สิ่งนี้ทำได้ด้วยรูปแบบ text-align:justify

ในหน้าต่างเบราว์เซอร์ HTML โค้ดย่อหน้าจะมีลักษณะดังนี้

ระยะห่างบรรทัด

คุณสามารถควบคุมระยะห่างบรรทัดของย่อหน้าด้วย style=line-height ใช้แอตทริบิวต์ style ที่มีค่าต่อไปนี้:

ความสูงของบรรทัด: ปกติ | จำนวน | ความยาว | เริ่มต้น | สืบทอด;

ต่อไปนี้คือตัวอย่างโค้ด HTML ที่แสดงย่อหน้าที่มีระยะห่างบรรทัดต่างกัน:

ย่อหน้านี้ใช้สองค่าสำหรับแอตทริบิวต์สไตล์ บรรทัดแรก-height:1.5 ระบุระยะห่างบรรทัดหนึ่งและครึ่งบรรทัดสำหรับย่อหน้า และค่าที่สอง text-align:justify ระบุว่าข้อความของย่อหน้าควรมีความกว้าง

ย่อหน้านี้มีการเว้นวรรคสองบรรทัดและให้เหตุผล line-height:2 ระบุระยะห่างสองเท่า แอตทริบิวต์ style ไม่จำเป็นต้องมีสองค่า แต่ถ้าคุณต้องการระบุค่าสองค่า คุณสามารถทำได้โดยคั่นด้วยเครื่องหมายอัฒภาค

ต่อไปนี้คือวิธีต่างๆ สองสามวิธีในการใช้ค่าความสูงของบรรทัดสำหรับแอตทริบิวต์ style:

: ตั้งค่าระยะห่างบรรทัดเป็น 13 พิกเซล;

: ตั้งค่าระยะห่างระหว่างย่อหน้าใน HTML เป็น 200% ของขนาดฟอนต์ปัจจุบัน

: ตั้งค่าความสูงของบรรทัดเป็น 14 พิกเซล

เยื้อง

ฉันใช้คำว่า "เยื้อง" เพื่อให้เข้าใจง่ายขึ้น แต่ใน HTML เราใช้ช่องว่างเพื่อสร้างพื้นที่สีขาวรอบวัตถุ คุณสามารถใช้แอตทริบิวต์ style ที่มีค่าของช่องว่างภายในเพื่อตั้งค่าการเยื้องซ้ายหรือขวาของย่อหน้าได้

ต่อไปนี้เป็นตัวอย่างของย่อหน้าที่เยื้องซ้ายและขวา:

ย่อหน้านี้ไม่ได้เยื้อง แต่มีเหตุผล ดูแอตทริบิวต์ style ขององค์ประกอบ P สำหรับย่อหน้านี้

สำหรับย่อหน้านี้ ฉันตั้งค่าเยื้องซ้ายเป็น 30px โดยใช้ padding-left:30px ย่อหน้านี้ได้รับการปรับให้เหมาะสมโดยใช้สไตล์ text-align:justify ดังที่คุณทราบแล้ว เราสามารถใช้ค่าต่างๆ สำหรับแอตทริบิวต์ Style ได้หลายค่าโดยคั่นด้วยเครื่องหมายอัฒภาค

และย่อหน้านี้มีการเยื้องทางขวา 30 พิกเซล แต่ไม่มีเยื้องซ้าย นอกจากนี้ยังเป็นธรรมในความกว้าง ค่า 'padding-right' ของแอตทริบิวต์ style จะตั้งค่าการเติมทางด้านขวา ถ้าคุณไม่เห็นผล ให้ลดความกว้างของหน้าต่างเบราว์เซอร์เพื่อให้ย่อหน้า HTML ที่จัดชิดขอบแสดงอย่างถูกต้อง

เยื้องระหว่างย่อหน้า (เยื้องก่อนและเยื้องหลังย่อหน้า)

ใน HTML หรือ CSS เราไม่ต้องการสิ่งนี้ เราสามารถจัดรูปแบบช่องว่างภายในองค์ประกอบได้

Padding-top และ padding-bottom กำหนดพื้นที่สีขาวก่อนและหลังย่อหน้าซึ่งทำงานเหมือนช่องว่างภายในด้านบนหรือด้านล่าง ดูตัวอย่างแท็กด้านล่าง

ฉันตั้งค่าย่อหน้า HTML แรกให้เยื้อง 10px ก่อนย่อหน้าที่สองและ 50px หลังย่อหน้าที่สอง:

ย่อหน้านี้ไม่ได้เยื้องก่อนหรือหลัง นี่เป็นย่อหน้าปกติที่มีเหตุผล ดังที่คุณทราบแล้ว เราสามารถจัดย่อหน้าโดยใช้โค้ด style=”text-align:justify” ภายในแท็ก

ย่อหน้านี้เรียงรายขึ้น นอกจากนี้ยังมีการเยื้อง 10 px ก่อนย่อหน้าและ 50 px หลัง ภายในแท็กผมตั้ง 3 แบบครับ

นี่เป็นย่อหน้าปกติที่ไม่มีการเยื้องและการจัดตำแหน่งเริ่มต้น

สิ่งที่ควรจำ

• ย่อหน้า HTML สามารถจัดตำแหน่งได้โดยใช้แอตทริบิวต์จัดแนวหรือรูปแบบการจัดข้อความ
• HTML จะแสดงผลแตกต่างกันไปตามขนาดหน้าจอ ขนาดหน้าต่างเบราว์เซอร์
• การเพิ่มช่องว่างหรือบรรทัดว่างในโค้ด HTML จะไม่ส่งผลต่อผลลัพธ์ เบราว์เซอร์จะลบช่องว่างพิเศษทั้งหมด
• แท็กกำหนดสิ่งที่ควรแสดง และรูปแบบกำหนดวิธีการแสดง
• รูปแบบสามารถตั้งค่าได้สามวิธี - อินไลน์ (แท็กด้านใน) ภายใน ( ภายในไฟล์ HTML เดียวกันกับองค์ประกอบ

  © 2022 สงวนลิขสิทธิ์

  เว็บไซต์เกี่ยวกับคอมพิวเตอร์

  • โฆษณาในโครงการ