ฉันจะเพิ่มการเยื้องบรรทัดแรกสำหรับแต่ละย่อหน้าได้อย่างไร แท็กพื้นฐาน (แท็ก) html แท็กใดกำหนดย่อหน้าแยกต่างหาก


เรามาเรียนรู้ภาษา HTML กันดีกว่า สุดท้ายนี้ มีอีกสองสามคำนอกหัวข้อ

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

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

นั่นดูเหมือนจะเป็นทั้งหมด

มาทำธุรกิจกันเถอะ

แท็กที่ต้องการ (แท็ก)

มีแท็ก HTML พื้นฐานหลายแท็กที่ต้องปรากฏในข้อความของเว็บเพจใดๆ แต่ละเว็บเพจจะต้องมีแท็ก (แท็ก) ซึ่งอยู่ที่จุดเริ่มต้น แท็ก (แท็ก) นี้อธิบายเอกสารของคุณเป็นเว็บเพจในรูปแบบ HTML อยู่ด้านหลังด้ามจับโดยตรง มักจะตามด้วยแท็ก (แท็ก) ซึ่งบ่งบอกถึงการมีอยู่ของข้อความที่มีชื่อของเพจและข้อมูลเพิ่มเติมเกี่ยวกับมัน

ส่วน HEAD มักจะมีแท็ก (แท็ก) </b>ซึ่งทำหน้าที่ระบุชื่อของเพจ โดยทั่วไปชื่อหน้าจะปรากฏในแถบชื่อเรื่องของหน้าต่างเบราว์เซอร์ ชื่อเว็บเพจสามารถพิมพ์ได้โดยใช้อักขระตัวอักษรและตัวเลขและการเว้นวรรคเท่านั้น</p> <p>จากนั้นก็มาแท็ก (แท็ก) <b><BODY> </b>ซึ่งระบุจุดเริ่มต้นของ "เนื้อหา" ที่แท้จริงของเว็บเพจ ส่วนนี้ประกอบด้วยข้อความ กราฟิก ตาราง และองค์ประกอบเนื้อหาหน้าอื่นๆ ที่เหลือทั้งหมดที่ผู้เยี่ยมชมเว็บไซต์ของคุณจะเห็น</p> <p>ตัวอย่าง:</p><p> <html> <head> <title>การฝึกอบรมออนไลน์: HTML ข้อความเว็บไซต์

โปรแกรมแก้ไข HTML ปกติมีชุดแท็ก (แท็ก) ด้านบนอยู่แล้วเมื่อสร้างเพจใหม่ ควรจะกล่าวว่าการเลือกชื่อสำหรับเว็บเพจควรได้รับการพิจารณาอย่างจริงจังเพราะ เครื่องมือค้นหาใช้เพื่อสร้างแคตตาล็อกของเว็บเพจ เครื่องมือค้นหาคือเว็บไซต์ที่ช่วยให้ผู้ใช้ค้นหาข้อมูลที่สนใจได้อย่างรวดเร็ว หน้าของคุณมีแนวโน้มที่จะถูกค้นพบโดยเครื่องมือค้นหาที่ได้รับชุดคำค้นหาเฉพาะหากคำเหล่านั้นปรากฏในชื่อหน้า เครื่องมือค้นหายอดนิยม ได้แก่ Yandex, Google, Aport, Yahoo, Rambler

สร้างย่อหน้า อักขระเว้นวรรค หัวเรื่อง

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

.

หลังจากเปิดเพจในหน้าต่างเว็บเบราว์เซอร์ ข้อความทุกย่อหน้าจะมีแท็ก (แท็ก)

โดยคั่นด้วยบรรทัดว่าง ซึ่งปรับปรุงเค้าโครงและรูปลักษณ์

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

ตัวอย่าง:

รหัส HTML:


ย่อหน้าจัดชิดซ้าย...

ย่อหน้าถูกจัดชิดขวา...

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

ย่อหน้ามีเหตุผล...

การแสดงเบราว์เซอร์:


ย่อหน้าชิดซ้าย ย่อหน้าชิดซ้าย ย่อหน้าชิดซ้าย ย่อหน้าชิดซ้าย ย่อหน้าชิดซ้าย ย่อหน้าชิดซ้าย ย่อหน้าชิดซ้าย ย่อหน้าชิดซ้าย ย่อหน้าชิดซ้าย ย่อหน้าชิดซ้าย

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

ย่อหน้าจัดให้อยู่ในย่อหน้ากลาง ย่อหน้าจัดให้อยู่ในย่อหน้ากลาง ย่อหน้าจัดให้อยู่ในย่อหน้ากลาง ย่อหน้าจัดให้อยู่ในย่อหน้ากลาง ย่อหน้าจัดให้อยู่ในย่อหน้ากลาง ย่อหน้าจัดให้อยู่ตรงกลางย่อหน้า ย่อหน้าจัดให้อยู่กึ่งกลาง ย่อหน้าจัดให้อยู่กึ่งกลาง

ย่อหน้าที่ให้เหตุผล ย่อหน้าที่ให้เหตุผล ย่อหน้าให้เหตุผล ย่อหน้าให้เหตุผล ย่อหน้าให้เหตุผล ย่อหน้าให้เหตุผล ย่อหน้าให้เหตุผล ย่อหน้าให้เหตุผล ย่อหน้าให้เหตุผล ย่อหน้าให้เหตุผล

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

หากต้องการขึ้นบรรทัดใหม่ให้ใช้แท็ก (แท็ก)
- โดยจะบอกให้เบราว์เซอร์หยุดวางข้อความและองค์ประกอบอื่นๆ ของหน้าภายในบรรทัดปัจจุบันและย้ายไปที่บรรทัดใหม่ แท็ก (แท็ก) นี้ไม่มีเครื่องหมายทับ ซึ่งเรียกว่าแท็กปิด (แท็ก)

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

ประเภทพื้นฐาน C/C++ เช่น int , double เป็นต้น เช่น atomic ปลอดภัยสำหรับเธรดหรือไม่

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

ถ้าไม่เช่นนั้นจะขึ้นอยู่กับคอมไพเลอร์หรืออย่างอื่นหรือไม่?

4 57

ปีเตอร์ มอร์เทนเซ่น

4 คำตอบ:

คุณสามารถใช้ std::atomic แทนได้ หรือ std::atomic .

บันทึก: std::atomic เปิดตัวด้วย C++11 และฉันเข้าใจว่าก่อน C++11 มาตรฐาน C++ ไม่รับรู้ถึงการมีอยู่ของมัลติเธรดเลย

การรันโปรแกรม 5.1.2.3

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

5.1.2.4 การดำเนินการแบบมัลติเธรดและการแข่งขันข้อมูล

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

[มาตรฐานหลายหน้า - บางย่อหน้าเกี่ยวข้องกับประเภทอะตอมอย่างชัดเจน]

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

โปรเซสเซอร์อาจจัดลำดับการเข้าถึงหน่วยความจำใหม่ตามข้อจำกัดในการสั่งซื้อหน่วยความจำของโปรเซสเซอร์นั้น ข้อจำกัดในการสั่งซื้อหน่วยความจำสำหรับสถาปัตยกรรม x86 มีอยู่ในคู่มือนักพัฒนาซอฟต์แวร์สถาปัตยกรรม Intel 64 และ ia32 ส่วน 8.2 เริ่มตั้งแต่หน้า 2212

ประเภทดั้งเดิม (int, char ฯลฯ ) ไม่ใช่อะตอมมิก

ฉันหวังว่านี่จะอธิบายได้ ทำไมประเภทดั้งเดิมไม่ใช่อะตอม

ข้อมูลเพิ่มเติมที่ฉันไม่ได้เห็นกล่าวถึงในคำตอบอื่น ๆ จนถึงตอนนี้:

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

กล่าวอีกนัยหนึ่ง การใช้ std::atomic จะทำให้โค้ดมีประสิทธิภาพน้อยลงหากจำเป็นจริงๆ เพื่อความถูกต้องบนแพลตฟอร์ม ดังนั้นจึงไม่มีเหตุผลที่จะหลีกเลี่ยง

สารบัญ:

สวัสดีผู้อ่านบล็อกที่รัก! วันนี้เราจะพูดถึงการจัดโครงสร้างข้อความบนหน้าเว็บ คุณลักษณะของการแสดงผล และพิจารณาวิธีแบ่งข้อความออกเป็นส่วนย่อยๆ แบบลอจิคัล: หัวเรื่อง ย่อหน้า รายการ.

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

ตัวอย่างเช่น บรรทัดเหล่านี้บนหน้าเว็บจะแสดงเหมือนกันแม้จะมีการสะกดต่างกัน:

ยินดีต้อนรับสู่เว็บไซต์ของเรา!


ดี
ยินดีต้อนรับสู่เว็บไซต์ของเรา!


ยินดีต้อนรับ
ของเรา
เว็บไซต์!

ข้อยกเว้นคือ แท็ก 

ซึ่งภายในช่องว่างและยัติภังค์ทั้งหมดจะแสดงตามที่เป็นอยู่


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


ตอนนี้เรามาดูองค์ประกอบโครงสร้างของข้อความในมาร์กอัป html กันดีกว่า


ย่อหน้าในรูปแบบ HTML


โดยทั่วไป กลุ่มข้อความจะถูกคั่นด้วยย่อหน้า  ทำให้ง่ายต่อการอ่านข้อความจำนวนมากได้ง่ายขึ้น  ภาษา HTML สำหรับสร้างย่อหน้าประกอบด้วยคู่ แท็ก 

-  ไวยากรณ์สำหรับการสร้างย่อหน้ามีดังนี้:


นี่คือย่อหน้าแรก



และนี่คือย่อหน้าที่สอง


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


มาดูตัวอย่างการใช้ย่อหน้าบนหน้าเว็บกัน  มาเปิดโปรแกรมแก้ไขข้อความ พิมพ์โค้ด HTML และบันทึกด้วยส่วนขยาย html:










เว็บไซต์เกี่ยวกับรถยนต์






เว็บไซต์เกี่ยวกับรถยนต์





การจำแนกประเภทรถยนต์



รถยนต์นั่งส่วนบุคคล;



สินค้า;



เอสยูวี;



รถม้าชนิดเล็ก;



หยิบ;



กีฬา;



การแข่งรถ











เมื่อคุณเปิดไฟล์นี้ คุณจะเห็นสิ่งนี้:


สำหรับตอนนี้เพจของเรามีเพียงย่อหน้าเท่านั้น


เพื่อจัดแนวข้อความในแท็กย่อหน้า 
รองรับแอตทริบิวต์ จัดตำแหน่งอาจใช้ค่าใดค่าหนึ่งจากสี่ค่า:


    • ซ้าย— การจัดตำแหน่งข้อความไปทางซ้าย
      • 

    • ศูนย์- การจัดตำแหน่งข้อความให้อยู่ตรงกลาง
      • 

    • ขวา— การจัดตำแหน่งข้อความไปทางขวา
      • 

    • ปรับให้เหมาะสม— การจัดตำแหน่งความกว้าง เช่น  จัดแนวข้อความไปทางขวาและซ้ายพร้อมกัน  เมื่อต้องการทำเช่นนี้ เบราว์เซอร์จะเว้นวรรคระหว่างคำ
      • 

ตามค่าเริ่มต้น แอตทริบิวต์การจัดตำแหน่งจะยังคงอยู่  ตัวอย่างการใช้แอตทริบิวต์การจัดตำแหน่ง:



ข้อความในย่อหน้าบนหน้า html นี้จะถูกจัดชิดซ้าย!


ข้อความนี้จะปรากฏที่กึ่งกลางหน้าในเบราว์เซอร์!


ข้อความนี้จะจัดชิดขวา!


และเบราว์เซอร์จะจัดแนวข้อความขนาดใหญ่นี้ให้มีความกว้าง เช่น  พร้อมกันทั้งขอบขวาและซ้าย!  ในการทำเช่นนี้เว็บเบราว์เซอร์จะแทรกช่องว่างเพิ่มเติมระหว่างคำและย่อหน้าจะมีรูปลักษณ์ที่เรียบร้อยซึ่งอ่านง่าย!


และนี่คือวิธีการแสดงในเบราว์เซอร์:




ส่วนหัวใน HTML


ส่วนหัวใช้เพื่อเน้นส่วนของข้อความบนหน้าเว็บ  ส่วนหัวใน html มีหกระดับ  ระดับบนสุดคือระดับ 1 - แท็ก 
และต่ำสุดคือระดับ 6 แท็ก 
. แท็ก 
 — 
เป็นองค์ประกอบของหน้าระดับบล็อก  เนื้อหาของส่วนหัวระดับแรกจะแสดงด้วยแบบอักษรตัวหนาที่ใหญ่ที่สุด และส่วนหัวระดับที่หกสุดท้ายจะแสดงด้วยแบบอักษรที่เล็กที่สุด


ไวยากรณ์สำหรับการสร้างส่วนหัวคือ:










ส่วนหัว HTML





ส่วนหัวระดับแรก 



ส่วนหัวระดับที่สอง 



ส่วนหัวระดับที่สาม 



ส่วนหัวระดับที่สี่ 



ส่วนหัวระดับ 5 



ส่วนหัวระดับหก 












ผลลัพธ์:




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


มาเพิ่มส่วนหัวในหน้าของเรา:


เว็บไซต์เกี่ยวกับรถยนต์



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



ในภาษาวิทยาศาสตร์ รถยนต์คือ:



ยานพาหนะบนถนนไร้รางที่ขับเคลื่อนด้วยเครื่องยนต์กลและมีล้ออย่างน้อย 4 ล้อ



การจำแนกประเภทรถยนต์



รถยนต์มีประเภทดังต่อไปนี้:



รถยนต์นั่งส่วนบุคคล;



สินค้า;



เอสยูวี;



รถม้าชนิดเล็ก;



หยิบ;



กีฬา;



การแข่งรถ


และเราเห็นว่าในหน้าของเรา นอกจากย่อหน้าแล้ว ยังมีหัวเรื่องที่เป็นตัวหนาขนาดใหญ่:




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


รายการถูกใช้เพื่อสร้างรายการวลีหรือความหมายที่มีหมายเลขหรือไม่มีหมายเลข  เรียกว่ารายการที่มีรายการลำดับเลข หมายเลขและด้วยรายการที่ไม่มีหมายเลข - ทำเครื่องหมาย.


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


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


        

        

        
ส่วนหัว HTML
        

        

        รายการหัวข้อย่อย: 
        


          

        • จุดแรก

          • 

        • จุดที่สอง

          • 

        • จุดที่สาม
          •  

        รายการลำดับเลข: 
        


          

        1. รายการแรกในรายการลำดับเลข

          2. 

        2. รายการที่สองในรายการลำดับเลข

          3. 

        3. รายการที่สามในรายการลำดับเลข

          4. 


        

        

        

        

        

        และพวกมันมีลักษณะดังนี้:
        

        

        รายการสัญลักษณ์แสดงหัวข้อย่อยสามารถใช้สัญลักษณ์แสดงหัวข้อย่อยประเภทต่างๆ ได้  เพื่อกำหนดประเภทของเครื่องหมายในแท็ก 
          ถูกเพิ่ม แอตทริบิวต์ประเภทหากเราต้องการตั้งค่าประเภทของเครื่องหมายสำหรับองค์ประกอบรายการทั้งหมดหรือเพิ่มแอตทริบิวต์เดียวกันให้กับแท็ก 
        • หากคุณต้องการตั้งค่าประเภทของเครื่องหมายสำหรับองค์ประกอบเฉพาะ  แอตทริบิวต์ type สามารถใช้ค่าต่อไปนี้:
          

          • แผ่นดิสก์ — วงกลมที่เต็มไปด้วย;
            • 

          • วงกลม - วงกลม;
            • 

          • สี่เหลี่ยม - สี่เหลี่ยม
            • 

          ตามค่าเริ่มต้น คุณลักษณะ type จะเป็นดิสก์  ตัวอย่างการใช้งาน:
          


            

          • จุดที่ 1

            • 

          • จุดที่ 2

            • 

          • จุดที่ 3

            • 


          


            

          • จุดที่ 1

            • 

          • จุดที่ 2

            • 

          • จุดที่ 3

            • 


          


            

          • จุดที่ 1

            • 

          • จุดที่ 2

            • 

          • จุดที่ 3

            • 

          

          การแสดงเบราว์เซอร์:
          

          

          รายการลำดับเลขยังสนับสนุนแอตทริบิวต์ประเภท ซึ่งสามารถใช้เพื่อระบุประเภทสัญลักษณ์แสดงหัวข้อย่อยต่อไปนี้:
          

          • เอ - ตัวอักษรละตินตัวพิมพ์ใหญ่;
            • 

          • ก — ตัวอักษรละตินตัวพิมพ์เล็ก;
            • 

          • ฉัน - เลขโรมันตัวพิมพ์ใหญ่
            • 

          • i — เลขโรมันตัวพิมพ์เล็ก;
            • 

          • 1 - เลขอารบิค
            • 

          ตามค่าเริ่มต้น ในรายการลำดับเลข แอตทริบิวต์ type จะตั้งค่าเครื่องหมายเป็นเลขอารบิค  นอกจากแอตทริบิวต์ type แล้ว รายการลำดับเลขยังรองรับอีกด้วย คุณลักษณะเริ่มต้นซึ่งระบุหมายเลขที่รายการจะเริ่มต้น  ในข้อกำหนด HTML5 ตอนนี้มีรายการลำดับเลขแล้ว คุณลักษณะที่กลับรายการซึ่งกลับลำดับเลข .
เหล่านั้น.  แทนที่จะเป็น 1, 2, 3 รายการจะมีหมายเลข 3, 2, 1 แต่แอตทริบิวต์ที่กลับด้านยังคงได้รับการสนับสนุนจากเบราว์เซอร์จำนวนน้อยมาก
          

          สามารถวางรายการไว้ภายในกันและกันได้ ทำให้เกิดรายการที่ซ้อนกัน รายการที่ซ้อนกันวางไว้ภายในองค์ประกอบ 
        • รายการภายนอก:
          


            

          • จุดแรก

            • 

          • จุดที่สอง 
            


              

            • รายการแรกในรายการที่ซ้อนกัน

              • 

            • รายการที่สองของรายการที่ซ้อนกัน

              • 

            • รายการที่สามของรายการที่ซ้อนกัน

              • 


            


            • 

          • จุดที่สาม

            • 

          

          และในเบราว์เซอร์:
          

          

          ใน HTML มีรายการประเภทที่สาม - ซึ่งเป็นรายการคำศัพท์และคำจำกัดความ  รายการนี้ระบุโดยใช้แท็กที่จับคู่ 
          -  คู่ “คำนิยาม” จะถูกวางไว้ข้างใน  ข้อกำหนดจะอยู่ในแท็กคู่ 
          และคำจำกัดความ - ในแท็กที่จับคู่ 
          :
          


          

          เทอม 1

          

          คำจำกัดความ 1

          

          ภาคเรียนที่ 2

          

          คำจำกัดความ 2

          

          

          การแสดงเบราว์เซอร์:
          

          

          มีย่อหน้าการจำแนกประเภทรถบนหน้าเว็บของเรา  มาทำการจำแนกประเภทนี้โดยใช้รายการหัวข้อย่อย:
          


            

          • รถยนต์นั่งส่วนบุคคล;

            • 

          • สินค้า;

            • 

          • เอสยูวี;

            • 

          • รถม้าชนิดเล็ก;

            • 

          • หยิบ;

            • 

          • กีฬา;

            • 

          • การแข่งรถ

            • 

          

          มาดูผลลัพธ์กัน:
          

          

          เส้นแนวนอน
          

          หากต้องการแยกหรือเน้นกลุ่มข้อความใน HTML เพิ่มเติมจะมีเพียงรายการเดียว แท็ก HR เส้นแนวนอน-  นี่คือสิ่งที่ดูเหมือนในโค้ด html:
          

          ย่อหน้าแรก

          


          

          ย่อหน้าที่สอง
          

          และนี่คือลักษณะที่ปรากฏ:
          

          

          เส้นแนวนอน HTML ทอดยาวในแนวนอนตลอดความกว้างทั้งหมดของเว็บเพจและมีความหนาหนึ่งหรือสองพิกเซล ขึ้นอยู่กับเบราว์เซอร์ที่ใช้
          

          การใช้คุณลักษณะทำให้คุณสามารถกำหนดลักษณะที่ปรากฏของเส้นแนวนอนได้  แท็ก 
          รองรับคุณสมบัติต่อไปนี้:
          

          • align — กำหนดการจัดตำแหน่งของเส้น;
            • 

          • สี — กำหนดสีของเส้น
            • 

          • ขนาด — กำหนดความหนาของเส้นเป็นพิกเซล
            • 

          • width - กำหนดความกว้างของเส้นเป็นพิกเซล
            • 

          มาแทรกเส้นแนวนอนในหน้าเว็บของเรากัน  มาทำให้เป็นสีเขียว หนา 1 พิกเซลและกว้าง 320 พิกเซล:
          

          เว็บไซต์เกี่ยวกับรถยนต์

          

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

          

          ในภาษาวิทยาศาสตร์ รถยนต์คือ:

          

          ยานพาหนะบนถนนไร้รางที่ขับเคลื่อนด้วยเครื่องยนต์กลและมีล้ออย่างน้อย 4 ล้อ

          

          

          การจำแนกประเภทรถยนต์

          

          รถยนต์มีประเภทดังต่อไปนี้:

          


            

          • รถยนต์นั่งส่วนบุคคล;

            • 

          • สินค้า;

            • 

          • เอสยูวี;

            • 

          • รถม้าชนิดเล็ก;

            • 

          • หยิบ;

            • 

          • กีฬา;

            • 

          • การแข่งรถ

            • 

          

          ผลลัพธ์จะเป็นดังนี้:
          

          

          แท็กที่กำหนดย่อหน้า ช่องว่าง บล็อก HTML และย่อหน้า
          
 
          มาดูรายละเอียดกันดีกว่า บล็อกและย่อหน้า HTMLเป็นองค์ประกอบของหน้าเว็บ
          
 
          • ย่อหน้า HTMLกำหนดโดยแท็ก
            • 
 
          • ย่อหน้า HTMLมักประกอบด้วยข้อความ แท็กการจัดรูปแบบ และรูปภาพ
            • 
 
          • ย่อหน้า HTMLไม่สามารถมีองค์ประกอบบล็อก เช่น ส่วนหัว 
             
             - 
            , ปิดกั้น 
             
            และย่อหน้าอื่นๆ
            • 
 
          • บล็อก HTMLกำหนดโดยแท็ก 
             
             .
            • 
 
          • บล็อก HTMLสามารถประกอบด้วยองค์ประกอบใดๆ ของหน้าเว็บ ในปริมาณเท่าใดก็ได้
            • 
 
          • บล็อก HTMLเหมาะสำหรับหน้าเว็บและง่ายต่อการจัดการ
            • 

          พิจารณารหัสด้านล่าง:
          
 
          ผลลัพธ์:
          
 
          เราเห็นสิ่งนั้นได้ ย่อหน้า HTMLมีการเยื้องแนวตั้ง - นี่คือคุณลักษณะของแท็ก บล็อก HTML
 
           
          ช่องว่างดังกล่าวไม่ได้ถูกสร้างขึ้นเนื่องจากไม่รับภาระใด ๆ แต่เป็นเพียงตู้คอนเทนเนอร์
          
 
          แท็กต้องไม่มีอย่างอื่นหรือ 
           
          -   องค์ประกอบเชิงเส้นสามารถวางไว้ภายในได้ เช่น แท็กที่รับผิดชอบในการจัดรูปแบบข้อความ
          
 
          โดยหลักการแล้ว แท็ก และ เป็นสิ่งเดียวกัน แต่กลุ่ม W3C ขอแนะนำให้ใช้ตัวอักษรขนาดเล็ก  ใน HTML เวอร์ชันใหม่ เช่นเดียวกับ XHTML สมัยใหม่ ห้ามใช้ตัวพิมพ์ใหญ่เมื่อเขียนแท็ก
          
 
          ปิดกั้น 
           
          สามารถบรรจุได้มากเท่าที่คุณต้องการ 
           
          และองค์ประกอบอื่นๆ HTMLเอกสาร.  เหมาะสำหรับเลย์เอาต์ แต่จะเพิ่มเติมในภายหลังในบทเรียนการสอน CSS
          
 
          พื้นที่ HTML จากตารางอักขระพิเศษ
          
 
          พื้นที่ HTMLช่วยให้คุณเพิ่มระยะห่างระหว่างคำและตัวอักษร
          
 
          ในส่วนของช่องว่างระหว่างคำไม่ว่าจะมีกี่คำใน Notepad นั่นคือในซอร์สโค้ดจะแสดงเพียงคำเดียวบนหน้าเว็บ  หากคุณต้องการเพิ่มระยะห่าง ให้ใช้อักขระเว้นวรรคจากตารางสัญลักษณ์  คุณอาจถามว่า: เหตุใดจึงจำเป็นต้องใช้ความหมายที่เข้ารหัสของอักขระธรรมดา?  - ฉันจะตอบ: จำเป็นต้องแสดงเช่นวงเล็บดังกล่าว< >-  กล่าวอีกนัยหนึ่ง เพื่อแสดงแท็กบนหน้าจอ ฉันเขียนในโปรแกรมแก้ไขของฉัน: -  แท็ก  อย่างที่เราจำได้ ให้แปลงข้อความเป็น monospace (พิมพ์ดีด)
          
 
          วิธีแสดงย่อหน้า HTML
          
 
          ตัวอย่างผลลัพธ์ของย่อหน้า
          

          ข้อความใดๆ มีโครงสร้างที่เป็นเอกลักษณ์ของตัวเอง: หนังสือแบ่งออกเป็นส่วน ส่วน และบท หนังสือพิมพ์และนิตยสารมีหัวเรื่องและหัวเรื่องย่อยแยกจากกัน ซึ่งในทางกลับกัน รวมถึงส่วนของข้อความที่มีโครงสร้างของตัวเองด้วย เช่น ย่อหน้า การเยื้อง ฯลฯ
          
 
          ข้อความที่โพสต์บนหน้าเว็บก็ไม่มีข้อยกเว้น จะต้องมีโครงสร้างเชิงตรรกะที่ผู้ใช้ทุกคนเข้าใจได้  ท้ายที่สุดแล้ว หลายอย่างขึ้นอยู่กับความสะดวกและเรียบง่ายของข้อความบนหน้าเว็บที่รับรู้: ประการแรก ผู้เข้าชมจะได้รับความประทับใจเกี่ยวกับไซต์ของคุณอย่างไร
          
 
          ในการสร้างหน่วยโครงสร้างของข้อความ เช่น ย่อหน้า เอกสาร HTML จะใช้แท็ก 
          ซึ่งแยกส่วนของข้อความด้วยการเยื้องแนวตั้ง (มีการเพิ่มบรรทัดว่างก่อนและหลังย่อหน้า)
          หมายเหตุ: ตามค่าเริ่มต้น ระยะห่างระหว่างย่อหน้าคือ 1em (em เป็นหน่วยวัดเท่ากับความสูงของแบบอักษร) นั่นคือ ระยะห่างระหว่างย่อหน้าโดยตรงขึ้นอยู่กับขนาดแบบอักษร
          หากต้องการเปลี่ยนระยะขอบระหว่างย่อหน้าโดยไม่เปลี่ยนขนาดตัวอักษร คุณสามารถใช้คุณสมบัติ CSS ระยะขอบได้
          
 
          อย่าลืมแท็กปิดนะครับ
          
 
          เบราว์เซอร์ส่วนใหญ่จะแสดงผลเอกสาร HTML อย่างถูกต้องแม้ว่าคุณจะลืมแท็กปิดก็ตาม
          
 
          ย่อหน้า 
          อีกย่อหน้าหนึ่ง
          
 
          รหัสนี้จะใช้ได้กับเบราว์เซอร์ส่วนใหญ่ แต่ไม่ต้องพึ่งพารหัสนี้  แท็กปิดที่ถูกลืมอาจทำให้เกิดผลลัพธ์หรือข้อผิดพลาดที่ไม่คาดคิดได้
          
 
          เส้นสีแดง
          
 
          เส้นสีแดงคืออะไร?  ตามคำจำกัดความ นี่คือบรรทัดเริ่มต้นของย่อหน้าซึ่งเคยเน้นด้วยสีแดง (จึงเป็นที่มาของชื่อ)  ก่อนที่จะมีการประดิษฐ์การพิมพ์ หนังสือต่างๆ ถูกเขียนด้วยมือ - บทหรือส่วนหนึ่งของข้อความ คำแรกหรือตัวอักษรเขียนด้วยสีแดง  นี่คือลักษณะที่แนวคิดของ "การเขียนจากเส้นสีแดง" ปรากฏขึ้น - ซึ่งหมายถึงการเริ่มต้นของความคิดบทหรือส่วนใหม่
          
 
          อย่างไรก็ตามเมื่อสร้างหน้าเว็บการออกแบบเส้นสีแดงนั้นไม่ค่อยได้ใช้แม้ว่าจะทำให้สะดวกยิ่งขึ้นในการรับรู้ข้อความด้วยสายตาซึ่งค่อนข้างสำคัญสำหรับผู้อ่านแบบดั้งเดิม - ไม่ใช่ทุกคนที่สบายใจในการอ่านอิเล็กทรอนิกส์ เวอร์ชันของข้อความ
          
 
          หากต้องการเพิ่มเส้นสีแดงในย่อหน้าของคุณ คุณต้องใช้คุณสมบัติ text-indent CSS ซึ่งช่วยให้คุณสามารถเยื้องประโยคแรกได้:
          
 
 
 
 
 
 
 
          

          

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

    • บทความที่เกี่ยวข้อง