แท็กบทความ HTML

Thaek Bthkhwam Html



HTML5 แนะนำ “ <บทความ> แท็ก ” ที่สามารถใช้เพื่อแสดงส่วนประกอบที่มีในตัวเองเฉพาะในเอกสาร แอปพลิเคชัน หรือไซต์ใดๆ คอมโพเนนต์ HTML นี้สามารถนำมาใช้ซ้ำและเผยแพร่ได้ เช่น ในโพสต์ในฟอรัม นิตยสาร บล็อกโพสต์ และอื่นๆ

การศึกษานี้จะสอนคุณเกี่ยวกับแท็ก HTML <บทความ> งั้นไปกัน!







HTML <บทความ> แท็กคืออะไร?

องค์ประกอบ

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



วิธีใช้แท็ก HTML <บทความ>

หากต้องการใช้แท็ก HTML <บทความ> ให้ทำตามไวยากรณ์ที่กำหนดด้านล่าง:



windows 10 นาฬิกาไม่แสดง
< บทความ > บทความ >


ที่นี่, ' <บทความ> ” เป็นแท็กเริ่มต้น และ “ ” เป็นแท็กสิ้นสุด





มาดูตัวอย่างเพื่อสาธิตการใช้แท็ก

ตัวอย่าง: การใช้แท็ก

ใน HTML



ใน HTML ก่อนอื่นให้เพิ่มแท็ก

ที่มีคลาสชื่อ “ ระบบปฏิบัติการทั้งหมด ” และ

สำหรับหัวเรื่อง จากนั้นเพิ่มแท็ก
อีกหนึ่งแท็กที่มีคลาสชื่อ “ คุณ '. ภายในแท็ก
ระบุ

สำหรับหัวข้อและ

สำหรับย่อหน้า หลังจากนั้น รวมแท็ก

สองแท็กที่ซ้อนด้วยแท็ก

และ

ดังนี้:

แล็ปท็อปสำหรับ League of Legends
< บทความ ระดับ = 'ระบบปฏิบัติการทั้งหมด' >
< h1 > ระบบปฏิบัติการยอดนิยม h1 >
< บทความ ระดับ = 'คุณ' >
< ชั่วโมง2 > หน้าต่าง ชั่วโมง2 >
< หน้า > Windows เป็นกลุ่มของระบบปฏิบัติการกราฟิกที่เป็นกรรมสิทธิ์หลายระบบ ได้รับการพัฒนาและทำการตลาดโดย Microsoft หน้า >
บทความ >
< บทความ ระดับ = 'คุณ' >
< ชั่วโมง2 > ลีนุกซ์ ชั่วโมง2 >
< หน้า > Linux เป็นระบบปฏิบัติการโอเพ่นซอร์สที่ใช้เคอร์เนลของ Linux โดยปกติจะเป็นบรรจุภัณฑ์ เช่น การกระจาย Linux หน้า >
บทความ >
< บทความ ระดับ = 'คุณ' >
< ชั่วโมง2 > แมคโอเอส ชั่วโมง2 >
< หน้า > macOS เป็นระบบปฏิบัติการ Unix ที่พัฒนาและทำการตลาดโดย Apple Inc. เป็นที่รู้จักกัน เช่น ระบบปฏิบัติการหลัก สำหรับ แอปเปิล ของคอมพิวเตอร์ Mac




ส่วนถัดไปจะอธิบายรูปแบบ CSS ที่ใช้กับองค์ประกอบ HTML ที่กล่าวถึงข้างต้น



สไตล์ div ของระบบปฏิบัติการทั้งหมด

.all-OS {
ขอบ: 0 ;
ช่องว่างภายใน: 5px;
สีพื้นหลัง: rgb ( 155 , 155 , 155 ) ;
}


div ที่มีชื่อคลาสว่า “ ระบบปฏิบัติการทั้งหมด ” มีสไตล์ดังนี้:

    • .all_OS ” ใช้เพื่อเข้าถึง
      ที่เกี่ยวข้อง
    • ขอบ คุณสมบัติ ” ใช้เพื่อเพิ่มช่องว่างรอบองค์ประกอบ div
    • การขยายความ คุณสมบัติ ” เพิ่มพื้นที่รอบ ๆ เนื้อหาขององค์ประกอบ div
    • สีพื้นหลัง ” ถูกตั้งค่าเพื่อใช้สีพื้นหลังขององค์ประกอบ div

สไตล์ระบบปฏิบัติการ div

windows 10 explorer ไม่รีเฟรช
.คุณ {
ขอบ: 10px;
ช่องว่างภายใน: 5px;
พื้นหลัง: สีขาว;
}


ใช้สไตล์กับ

ถัดไปที่ชื่อ “ คุณ '. คำอธิบายของคุณสมบัติได้รับด้านล่าง:

    • .คุณ ” เข้าถึง
      ด้วยชื่อ os
    • ขอบ ” คุณสมบัติเพิ่มช่องว่าง 10px รอบ div
    • การขยายความ คุณสมบัติ ” เพิ่มช่องว่าง 5px รอบเนื้อหาขององค์ประกอบ div
    • สีพื้นหลัง คุณสมบัติ ” กำหนดสีพื้นหลังขององค์ประกอบ div

หลังจากระบุคุณสมบัติการกำหนดสไตล์ CSS ให้กับแท็ก

ข้างต้นแล้ว ย่อหน้าจะถูกกำหนดสไตล์โดยการตั้งค่าคุณสมบัติตามที่ระบุไว้ด้านล่าง

สไตล์ p องค์ประกอบ

หน้า {
ขอบ: 3px;
ขนาดตัวอักษร: 15px;
}


คุณสมบัติต่อไปนี้ใช้กับองค์ประกอบ

:

วิธีพิมพ์แบบอักษรต่างๆ
    • ขอบ ” คุณสมบัติเพิ่มพื้นที่ 3px รอบเนื้อหาขององค์ประกอบ
    • ขนาดตัวอักษร คุณสมบัติ ” กำหนดขนาดตัวอักษรของข้อความเป็น 15px

บันทึกรหัสที่เพิ่มและเปิดไฟล์ในเบราว์เซอร์ของคุณ ผลลัพธ์จะแสดงดังภาพด้านล่าง:


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

นอกจากนี้ บทความหนึ่งจะแสดงต่อกันเมื่อหน้าจอเลื่อน

นั่นคือวิธีที่เราสามารถสร้างบล็อกโพสต์ โพสต์ในฟอรัม และเอกสารที่เหมือนนิตยสารโดยใช้แท็ก HTML

บทสรุป

ดังที่เราทราบ ผู้เขียนบทความหรือบล็อกเกอร์เขียนเอกสารโดยคำนึงถึงแนวคิดหลักของหัวข้อ เช่นเดียวกัน ใน HTML แท็ก

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