การแต่งตัวอักษร
การกำหนดตัวอักษร
ในการทำเว็บเราจะใช้ข้อความกันเป็นส่วนใหญ่ ซึ่งในการพิมพ์ข้อความเราอาจจะมีการเน้นข้อความให้ดูเด่น หรือเป็นหัวข้อต่างๆ ทราบหรือไม่ว่า HTML เราก็สามารถกำหนดรูปแบบได้เช่นกัน
ตัวอย่างการแสดงผล
ขนาดตัวอักษร
เราสามารถกำหนดขนาดของตัวอักษรได้ 2 วิธี
1. ในกรณีที่เป็นหัวข้อ (Heading) สามารถใช้คำสั่งต่อไปนี้
<H1>ขนาดใหญ่สุด</H1>
<H2>ขนาดใหญ่</H2>
<H3>ขนาดกลาง</H3>
<H4>ขนาดปกติ</H4>
<H5>ขนาดเล็ก</H5>
<H6>ขนาดเล็กสุด<H6>
2. ในกรณีทั่วไป จะใช้คำสั่ง <FONT SIZE=ค่าตัวเลข> เช่น
<FONT SIZE=3>ตัวอักษรขนาด 3</FONT> หรือ
<FONT SIZE=5>ตัวอักษรขนาด 5</FONT>
ตัวอย่าง CODE
ตัวอย่าง การแสดงผล
สีตัวอักษร
สีของตัวอักษร สามารถกำหนดได้ 2 แนวทางคือ
1. ใช้คำสั่ง <FONT COLOR=ชื่อสี> เช่น
<FONT COLOR=red>ตัวอักษรสีแดง</FONT> หรือ
<FONT COLOR=green>ตัวอักษรสีเขียว</FONT>
2. ใช้คำสั่ง <FONT COLOR=รหัสสี> เช่น
<FONT COLOR=#FF00FF>ตัวอักษรสีชมพู</FONT> หรือ
<FONT COLOR=#0000FF>ตัวอักษรสีน้ำเงิน</FONT>
ตัวอย่าง CODE
ตัวอย่าง การแสดงผล
ตัวเอียง ตัวหนา ขีดเส้นใต้
ตัวเอียง - <I>ตัวเอียง</I>
ตัวหนา - <B>ตัวหนา</B>
ขีดเส้นใต้ - <U>ขีดเส้นใต้</U>
ตัวอย่าง CODE
ตัวอย่างการแสดงผล
ตัวขีดฆ่า ตัวหนา ขีดเส้นใต้
ตัวขีดฆ่า - <S>ตัวขีดฆ่า</S>
ตัวยก - <SUP>ตัวยก</SUP>
ตัวห้อย - <SUB> ตัวห้อย </SUB>
ตัวอย่าง CODE
ตัวอย่างการแสดงผล
ตัวอักษรวิ่ง
<MARQUEE direction="ทิศทางการวิ่ง" width="ความกว้าง" height="ความสูง"
scrollamount=ความเร็วในการวิ่ง scrolldelay="เวลาหน่วง">ข้อความ</MARQUEE>
ตัวอย่าง CODE
ตัวอักษรกระพริบ
<BLINK>กระพริบ</BLINK>
ตัวอย่าง Code
ตัวอย่างการแสดงผล
การจัดตำแหน่งข้อความ
1. การกำหนดให้อยู่ตำแหน่งกึ่งกลางด้วยแท็ก Center <center> ...ข้อความ...</center>
2. การกำหนดตำแหน่งโดยใช้ Attribute ของแท็ก <p> โดยใช้ Attribute align รูปแบบดังนี้
<p align = "ตำแหน่ง"> ...ข้อความ...</p> ตำแหน่งที่สามารถระบุได้ คือ left center หรือ right
ตัวอย่าง CODE
ตัวอย่างการแสดงผล
ที่มา
http://www.yimwhan.com/board/show.php?user=cherrii&topic=3&Cate=5
http://school.obec.go.th/krurenu/html/p2-8.html
ไม่มีความคิดเห็น:
แสดงความคิดเห็น