�ݺ�ߣ

ครูผู้สอน นายไกรลาศ จิบจันทร์
เอกสารประกอบการเรียน
รายวิชา การสร้างเว็บไซต์ด้วยภาษา HTML
เรื่อง การแสดงหัวข้อเรื่อง
เป็นคาสั่งที่แสดงหัวข้อเรื่องของย่อหน้า เป็นการเน้นหัวข้อให้ผู้อ่านเว็บเพจได้เห็นชัดมากยิ่งขึ้น ระดับ
ของหัวข้อเรื่องสามารถแบ่งได้เป็นระดับ 1 ถึงระดับ 6 โดยระดับที่ 1 จะมีขนาดตัวอักษรใหญ่มากที่สุด และ
ระดับ 6 จะมีขนาดของตัวอักษรเล็กที่สุด รูปแบบของคาสั่งสาหรับแสดงหัวข้อเรื่องมีดังนี้
n หมายถึง ระดับของหัวข้อเรื่อง เช่น <h1>………..</h1> กาหนดหัวเรื่องระดับที่ 1
<h6>………..</h6> กาหนดหัวเรื่องระดับที่ 6
คาสั่งแสดงหัวข้อเรื่องมีแอททริบิวต์ คือ align ซึ่งจะกาหนดหรือไม่กาหนดก็ได้ มีรายละเอียดดังนี้
แอททริบิวต์ ความหมาย
align ใช้สาหรับจัดตาแหน่งของย่อหน้าข้อความตามค่าของ alignConstant ดังนี้
- left กาหนดหัวข้อเรื่องชิดซ้ายของหน้าต่างโปรแกรมเว็บบราวเซอร์
- right กาหนดหัวข้อเรื่องชิดขวาของหน้าต่างโปรแกรมเว็บบราวเซอร์
- center กาหนดหัวข้อเรื่องกึ่งกลางของหน้าต่างโปรแกรมเว็บบราวเซอร์
กรณีที่ไม่กาหนด align ย่อหน้าของข้อความจะอยู่ชิดซ้าย (มีความหมายเหมือนกันกับการกาหนด
align= "left")
<html>
<head> <title> ตัวอย่างการสร้างเว็บเพ็จด้วยภาษา HTML </title> </head>
<body>
<h1> ข้อความที่กาหนดหัวข้อเรื่องระดับ 1</h1>
</body>
</html>
รูปแบบ
<Hn align="ตาแหน่งการแสดงผล">……………</Hn>

ตัวอย่างผลลัพธ์การใช้คาสั่งกาหนดหัวข้อระดับต่าง ๆ
<html>
<head> <title> ตัวอย่างการสร้างเว็บเพ็จด้วยภาษา HTML </title> </head>
<body>
<h1 align="center" >ส่วนประกอบของคอมพิวเตอร์ </h1>
<h3> ส่วนรับข้อมูล (Input Unit) </h3>
เป็นส่วนประกอบของคอมพิวเตอร์ ที่ทาหน้าที่รับข้อมูลจากคน และส่งต่อข้อมูลไปยัง หน่วยประมวลผล
(Process Unit) เพื่อทาการประมวลผลต่อไป
<h3> ส่วนประมวลผลข้อมูล (Central Processing Unit) </h3>
เป็นส่วนที่ทาหน้าที่ในการประมวลผลข้อมูลที่รับมาจาก ส่วนรับข้อมูล(Input Unit) เพื่อให้ได้ผลลัพธ์
ตามที่ต้องการ อีกทั้งยังทาหน้าที่ในการควบคุมการทางานต่างๆ ภายในเครื่องคอมพิวเตอร์
</body>
</html>

รูปแสดงผลไฟล์ HTML การใช้คาสั่งแสดงหัวข้อเรื่อง

�ݺ�ߣ

การแสดงหัวข้อเรื่อง

More Related Content

การแสดงหัวข้อเรื่อง