ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 5 HTML Heading
   Heading (คือการเน้นคำต่าง ๆ เช่นการเน้นหัวเรื่องเพื่อให้เป็นจุดสนใจของผู้ชมเว็บเพจ) ก็เป็นอีกส่วนที่มีความสำคัญกับเอกสาร HTML โดยเราสามารถใช้ Tag แเพื่อทำ heading ได้

1. HTML Heading หรือ ส่วนหัวเรื่อง ตัวอย่างเช่น

<!DOCTYPE html>
<html>
<body>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

</body>
</html>

ผลลัพธ์ที่ได้คือ

ความสำคัญของ Heading
   เราควรจะใช้ HTML heading เพื่อกำหนดหัวเรื่องเพียงอย่างเดียว อย่าใช้ในการสร้างข้อความหรือเนื้อหาให้เป็นตัวใหญ่หรือตัวหนา เพราะว่า Search engines จะใช้ heading ของเราในการทำดัชนีเนื้อหา ของเว็บเพจของเรา

2. HTML Lines แท็ก <hr /> จะใช้ในการสร้างเส้นแนวนอน horizontal line ตัวอย่างเช่น

<!DOCTYPE html>
<html>
<body>
<p>The hr tag defines a horizontal rule:</p>
<hr><p>This is a paragraph</p>
<hr><p>This is a paragraph</p>
<hr><p>This is a paragraph</p>
</body>
</html>

ผลลัพธ์ที่ได้คือ

3.HTML Comments หรือ ส่วน คอมเมนต์ ตัวอย่างเช่น

<!DOCTYPE html>
<html>
<body>

<!--This comment will not be displayed-->
<p>This is a regular paragraph</p>

</body>
</html>

ผลลัพธ์ที่ได้คือ


กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
การเข้าใช้งานสำหรับลูกค้าเพื่อซื้อห้องพักหรือขายห้องพัก อโกด้า
โดย milk2533 พ 25 พ.ย. 2020 6:43 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
9
พ 25 พ.ย. 2020 6:43 pm โดย milk2533
อุปโภค กับ บริโภค ต่างกันอย่างไร
โดย milk2533 พ 25 พ.ย. 2020 6:09 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
6
พ 25 พ.ย. 2020 6:09 pm โดย milk2533
Lot ผลิต และ วันหมดอายุ สินค้า ดูอย่างไร
โดย milk2533 พ 25 พ.ย. 2020 5:48 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
15
พ 25 พ.ย. 2020 5:48 pm โดย milk2533
ขนส่งสาธารณะ คืออะไร
โดย milk2533 พ 25 พ.ย. 2020 5:26 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
12
พ 25 พ.ย. 2020 5:26 pm โดย milk2533
ใบเสร็จน้ำมันรถที่สามารถนำมาใช้ค่าใช้จ่ายได้ สังเกตอย่างไร
โดย milk2533 พ 25 พ.ย. 2020 4:57 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
9
พ 25 พ.ย. 2020 4:57 pm โดย milk2533
อัพเดทความปลอดภัย 7 จุด!!! ใน Joomla เวอร์ชั่นใหม่ 3.9.23
โดย tsukasaz พ 25 พ.ย. 2020 11:36 am บอร์ด MindPHP News & Feedback
1
36
พ 25 พ.ย. 2020 12:46 pm โดย prmindphp
แนะนำหนังสือ Pre-Order PHP - high-performance ด้วย Swoole
โดย mindphp อ 24 พ.ย. 2020 4:47 pm บอร์ด Programming - PHP
0
21
อ 24 พ.ย. 2020 4:47 pm โดย mindphp
จ่ายเงินสมทบประกันสังคม มาตรา 33 , 39 อย่างไร
โดย milk2533 อ 24 พ.ย. 2020 3:08 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
15
อ 24 พ.ย. 2020 3:08 pm โดย milk2533