SlideShare a Scribd company logo
ครูผู้สอน นายไกรลาศ จิบจันทร์
เอกสารประกอบการเรียน
รายวิชา การสร้างเว็บไซต์ด้วยภาษา 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>
<h2> ข้อความที่กาหนดหัวข้อเรื่องระดับ 2</h2>
<h3> ข้อความที่กาหนดหัวข้อเรื่องระดับ 3</h3>
<h4> ข้อความที่กาหนดหัวข้อเรื่องระดับ 4</h4>
<h5> ข้อความที่กาหนดหัวข้อเรื่องระดับ 5</h5>
<h6> ข้อความที่กาหนดหัวข้อเรื่องระดับ 6</h6>
</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

Viewers also liked

Open House
Open HouseOpen House
Open House
Angela Booker
 
Tekerlekli Sandalyede Yaşama Kılavuzu
Tekerlekli Sandalyede Yaşama KılavuzuTekerlekli Sandalyede Yaşama Kılavuzu
Tekerlekli Sandalyede Yaşama Kılavuzu
OzurlulerVakfi
 
quy_trinh_ky_thuat_cay_cao_su
quy_trinh_ky_thuat_cay_cao_suquy_trinh_ky_thuat_cay_cao_su
quy_trinh_ky_thuat_cay_cao_suma ga ka lom
 
Programas para publicar documentos
Programas para publicar documentosProgramas para publicar documentos
Programas para publicar documentos
Camila Meneses
 
Mastermail - voorjaar 2015
Mastermail - voorjaar 2015Mastermail - voorjaar 2015
Mastermail - voorjaar 2015
Mastermate
 
Presentation 2(final)
Presentation 2(final)Presentation 2(final)
Presentation 2(final)
Martinha2004
 
Intengible Heritage - Huan Hose Zaballa Gomez
Intengible Heritage - Huan Hose Zaballa GomezIntengible Heritage - Huan Hose Zaballa Gomez
Intengible Heritage - Huan Hose Zaballa Gomez
Oscar4B
 
ON ESTIMATION OF TIME SCALES OF MASS TRANSPORT IN INHOMOGENOUS MATERIAL
ON ESTIMATION OF TIME SCALES OF MASS TRANSPORT IN INHOMOGENOUS MATERIALON ESTIMATION OF TIME SCALES OF MASS TRANSPORT IN INHOMOGENOUS MATERIAL
ON ESTIMATION OF TIME SCALES OF MASS TRANSPORT IN INHOMOGENOUS MATERIAL
Zac Darcy
 
Bankbetet
BankbetetBankbetet
Bankbetet
krizma
 

Viewers also liked (11)

Open House
Open HouseOpen House
Open House
 
Tekerlekli Sandalyede Yaşama Kılavuzu
Tekerlekli Sandalyede Yaşama KılavuzuTekerlekli Sandalyede Yaşama Kılavuzu
Tekerlekli Sandalyede Yaşama Kılavuzu
 
Bleeding 60
Bleeding 60Bleeding 60
Bleeding 60
 
quy_trinh_ky_thuat_cay_cao_su
quy_trinh_ky_thuat_cay_cao_suquy_trinh_ky_thuat_cay_cao_su
quy_trinh_ky_thuat_cay_cao_su
 
Programas para publicar documentos
Programas para publicar documentosProgramas para publicar documentos
Programas para publicar documentos
 
Mastermail - voorjaar 2015
Mastermail - voorjaar 2015Mastermail - voorjaar 2015
Mastermail - voorjaar 2015
 
Presentation 2(final)
Presentation 2(final)Presentation 2(final)
Presentation 2(final)
 
عصر العقل
عصر العقلعصر العقل
عصر العقل
 
Intengible Heritage - Huan Hose Zaballa Gomez
Intengible Heritage - Huan Hose Zaballa GomezIntengible Heritage - Huan Hose Zaballa Gomez
Intengible Heritage - Huan Hose Zaballa Gomez
 
ON ESTIMATION OF TIME SCALES OF MASS TRANSPORT IN INHOMOGENOUS MATERIAL
ON ESTIMATION OF TIME SCALES OF MASS TRANSPORT IN INHOMOGENOUS MATERIALON ESTIMATION OF TIME SCALES OF MASS TRANSPORT IN INHOMOGENOUS MATERIAL
ON ESTIMATION OF TIME SCALES OF MASS TRANSPORT IN INHOMOGENOUS MATERIAL
 
Bankbetet
BankbetetBankbetet
Bankbetet
 

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

บทที่ 4
บทที่ 4บทที่ 4
บทที่ 4Ton TC Tmsb
 
CSS คืออะไร?
CSS คืออะไร?CSS คืออะไร?
CSS คืออะไร?
Somsak Phusririt
 
หน่วยที่ 04
หน่วยที่ 04หน่วยที่ 04
หน่วยที่ 04Nuytoo Naruk
 
เนื้อหา Html
เนื้อหา Htmlเนื้อหา Html
เนื้อหา HtmlRungnapha Naka
 

Similar to การแสดงหัวข้อเรื่อง (8)

บทที่ 4
บทที่ 4บทที่ 4
บทที่ 4
 
CSS คืออะไร?
CSS คืออะไร?CSS คืออะไร?
CSS คืออะไร?
 
หน่วยที่ 04
หน่วยที่ 04หน่วยที่ 04
หน่วยที่ 04
 
CSS
CSSCSS
CSS
 
Css 3
Css 3Css 3
Css 3
 
ใบความรู้
ใบความรู้ใบความรู้
ใบความรู้
 
Pai01
Pai01Pai01
Pai01
 
เนื้อหา Html
เนื้อหา Htmlเนื้อหา Html
เนื้อหา Html
 

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

  • 1. ครูผู้สอน นายไกรลาศ จิบจันทร์ เอกสารประกอบการเรียน รายวิชา การสร้างเว็บไซต์ด้วยภาษา 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> <h2> ข้อความที่กาหนดหัวข้อเรื่องระดับ 2</h2> <h3> ข้อความที่กาหนดหัวข้อเรื่องระดับ 3</h3> <h4> ข้อความที่กาหนดหัวข้อเรื่องระดับ 4</h4> <h5> ข้อความที่กาหนดหัวข้อเรื่องระดับ 5</h5> <h6> ข้อความที่กาหนดหัวข้อเรื่องระดับ 6</h6> </body> </html> รูปแบบ <Hn align="ตาแหน่งการแสดงผล">……………</Hn>
  • 2. ครูผู้สอน นายไกรลาศ จิบจันทร์ ตัวอย่างผลลัพธ์การใช้คาสั่งกาหนดหัวข้อระดับต่าง ๆ <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>
  • 3. ครูผู้สอน นายไกรลาศ จิบจันทร์ รูปแสดงผลไฟล์ HTML การใช้คาสั่งแสดงหัวข้อเรื่อง