“ แท็ก ” ใช้เพื่อแสดงข้อความบนหน้าเว็บซึ่งถือเป็นย่อหน้า แท็ก “
” มาพร้อมกับช่องว่างแนวตั้งที่กำหนดไว้ล่วงหน้าซึ่งจะเพิ่มก่อนและหลังย่อหน้า ข้อความภายในแท็ก “
” จะแสดงในบรรทัดถัดไปเสมอและข้ามช่องว่างเพิ่มเติมด้วย นักพัฒนาสามารถใช้แท็ก p เพื่อแยกเนื้อหาออกเป็นส่วนต่างๆ หรือจัดระเบียบข้อมูลอย่างมีเหตุผล
คู่มือนี้สาธิตแท็ก HTML p พร้อมกับการใช้งานจริง
HTML p Tag คืออะไร?
“ แท็ก ” ใช้ในหน้าเว็บเพื่อปรับปรุงโครงสร้างของเนื้อหาและทำให้ข้อความโดดเด่นยิ่งขึ้น ช่วยในกระบวนการ SEO สำหรับหน้าเว็บซึ่งสามารถปรับปรุงอันดับของเว็บไซต์ในผลการค้นหา
ไวยากรณ์
ไวยากรณ์สำหรับ ' ” แท็กแสดงเป็น:
< หน้า > ลีนุกซ์ หน้า >
ในบรรทัดโค้ดด้านบน คำว่า “ ” เป็นแท็กเริ่มต้น และ “
” คือแท็กปิด จำเป็นต้องใช้แท็กปิดเพื่อหลีกเลี่ยงความซับซ้อนและการซ้อนทับกันขององค์ประกอบ HTML
เยี่ยมชมตัวอย่างด้านล่างเพื่อทำความเข้าใจว่า “ ” งานแท็ก:
< ร่างกาย >< หน้า > สวัสดีชุมชน Linuxhint หน้า >
ร่างกาย >
ผลลัพธ์ของข้อมูลโค้ดด้านบนแสดงอยู่ด้านล่าง:
เอาต์พุตด้านบนแสดงข้อความธรรมดาที่แสดงบนหน้าจอโดยใช้ปุ่ม ' ” แท็ก
วิธีการใช้สไตล์ CSS กับแท็ก
“ ” แท็กยอมรับแอตทริบิวต์ส่วนกลางเช่น “ ระดับ ”, “ รหัส ' หรือ ' สไตล์ ” เป็นต้น ซึ่งสามารถใช้สำหรับจัดแต่งองค์ประกอบที่เลือกโดยใช้คุณสมบัติ CSS นักพัฒนาสามารถใช้หนึ่งในแอตทริบิวต์ส่วนกลางเพื่อใช้คุณสมบัติ CSS เฉพาะกับองค์ประกอบที่ระบุเท่านั้น และสำหรับการนำสไตล์ไปใช้ทั้งหมด” ” แท็กที่ใช้ในหน้าเว็บโดยตรง เลือก HTML “ หน้า ” องค์ประกอบภายในไฟล์ CSS หรือ “ <สไตล์> ” แท็ก
ตัวอย่างที่ 1: การใช้คุณสมบัติ CSS กับองค์ประกอบ 'p' ทั้งหมด
สำหรับการตั้งค่ารูปแบบเดียวกันในองค์ประกอบ
HTML ทั้งหมด โปรดไปที่ข้อมูลโค้ดด้านล่าง:
< สไตล์ >หน้า {
สีพื้นหลัง: ป่าสีเขียว;
สี: ขาว;
}
สไตล์ >
< ร่างกาย >
< หน้า > สวัสดีชุมชน Linuxhint หน้า >
< หน้า > สวัสดีชุมชน Linuxhint หน้า >
< หน้า > สวัสดีชุมชน Linuxhint หน้า >
< หน้า > สวัสดีชุมชน Linuxhint หน้า >
ร่างกาย >
ในข้อมูลโค้ดข้างต้น CSS “ สีพื้นหลัง ' และ ' สี ” คุณสมบัติถูกนำไปใช้กับ “ หน้า ” องค์ประกอบโดยการเลือกโดยตรง “ หน้า ” ตัวเลือกองค์ประกอบ
หลังจากดำเนินการส่วนย่อยของโค้ดด้านบนแล้ว หน้าเว็บจะมีลักษณะดังนี้:
เอาต์พุตด้านบนแสดงว่ามีการใช้สไตล์เดียวกันกับทั้งหมด “ หน้า ” องค์ประกอบบนเว็บเพจ
ตัวอย่างที่ 2: การใช้คุณสมบัติ CSS กับองค์ประกอบ “p” ที่ไม่ซ้ำใคร
เพื่อประยุกต์สไตล์ให้มีเอกลักษณ์เฉพาะตัว” หน้า ” สามารถใช้องค์ประกอบ สไตล์ รหัส หรือแอตทริบิวต์คลาสได้ แอตทริบิวต์ส่วนกลางเหล่านี้ใช้คุณสมบัติ CSS กับ ' หน้า ” องค์ประกอบที่แนบมาด้วย
ให้เราไปที่รหัส:
< สไตล์ >หน้า {
สีพื้นหลัง: ป่าสีเขียว;
สี: ขาว;
}
.using-คลาส {
สีพื้นหลัง: darkcyan;
}
#using-id{
สีพื้นหลัง: rosybrown;
}
สไตล์ >
< ร่างกาย >
< หน้า > สวัสดีชุมชน Linuxhint หน้า >
< หน้า สไตล์ = 'สีพื้นหลัง:สีแดง' > สวัสดีชุมชน Linuxhint หน้า >
< หน้า ระดับ = 'ใช้คลาส' > สวัสดีชุมชน Linuxhint หน้า >
< หน้า รหัส = 'ใช้รหัส' > สวัสดีชุมชน Linuxhint หน้า >
< หน้า > สวัสดีชุมชน Linuxhint หน้า >
ร่างกาย >
ในข้อมูลโค้ดข้างต้น คุณสมบัติสีพื้นหลังสำหรับ “ หน้า ” องค์ประกอบถูกกำหนดด้วยค่าที่แตกต่างกันเมื่อใช้กับแอตทริบิวต์ส่วนกลาง
หลังจากดำเนินการตามส่วนย่อยของโค้ดข้างต้น หน้าเว็บจะปรากฏดังนี้:
ผลลัพธ์ข้างต้นแสดงให้เห็นว่า ' หน้า ” ขณะนี้องค์ประกอบต่างๆ ได้รับการสไตล์ที่ไม่ซ้ำใครด้วยความช่วยเหลือจากแอตทริบิวต์ส่วนกลาง
บทสรุป
“ ”