เรียนรู้ภาษา html
บทที่ 3
รูปแบบตัวอักษร
1. หัวขอเรื่อง (Head and Headline)
รูปแบบคําสั่ง
<Hx>…</Hx
X จะเปนตัวบอกลําดับความสําคัญ หรือขนาดของตัวอักษรจะมีอยู 6 ลําดับ คือ <H1> จนถึง <H6>
<H1> จะเปนลําดับที่มีขนาดใหญสุด <H1>จะมีขนาดเล็กสุด
Examp9.html
<HTML>
<HEAD>
<TITLE> Test Head &Headline </TITLE>
</HEAD>
<BODY>
HEADER AND HEADLINE LEVEL
<HR>
<H1> H1 Header level1 </H1>
<H2> H2 Header level2 </H2>
<H3> H3 Header level3 </H3>
<H4> H4 Header level4 </H4>
<H5> H5 Header level5 </H5>
<H6> H6 Header level6 </H6>
</BODY>
</HTML>
ผลการรัน Examp9.html
การใช Header <H1> ถึง <H6>
138
2. ขนาดของตัวอักษร (Font size and Basefont size)
รูปแบบคําสั่ง
<BASEFONT SIZE =”number”>
<FONT SIZE =”(-7 ถึง +7) number “>…</FONT>
ความแตกตางของการใช Basefont size กับ Font size คือ Basefont จะกํ าหนดขนาดของตัวอักษรทั้งหนา
Page ใหขนาดเทากั น แตถาเปน Font size จะเปนการกํ าหนดขนาดของตัวอักษรเปนชวง แตการกําหนด Font size
จะ ตองอางอิง Besefont
Examp10.html
<HTML>
<HEAD>
<TITLE> Test Basefont size & Font size</TITLE>
</HEAD>
<BODY>
<H2> Font size </H2>
<HR size ="9" width="90%" Noshade>
<font size ="+3"> Font size = 3 </font><BR>
<font size ="+6"> Font size = 6 </font><BR>
<font size ="+7"> Font size = 7 </font><BR>
<font size ="-7"> Font size = -7 </font><BR>
<font size ="-5"> Font size = -5 </font> <BR>
<font size ="-3"> Font size =-3 </font>
</BODY>
</HTML>
ผลการรัน Examp10.html
ที่แสดงการใช Font size
139
ได้ความรู้ดีครับ®