การตกแต่งตัวอักษร
การทำตัวอักษรหนา,เอียง,ขีดเส้นใต้ | การใส่สีอักษร | การใส่ขนาดอักษร | การใส่รูปแบบอักษร | เอาคำสั่งทั้งหมดมาผสมกันก็จะได้ ...
การทำตัวอักษรหนา,เอียง,ขีดเส้นใต้
รูปแบบคำสั่ง :
<B>...ข้อความ..... </B> :คำสั่งตัวหนา
<I>...ข้อความ..... </I> :คำสั่งตัวเอียง
<U>...ข้อความ..... </U> :คำสั่งขีดเส้นใต้
คำอธิบาย : เมื่อเราต้องการทำให้ตัวอักษรหนา เอียง หรือขีดเส้นให้ ให้นำคำสั่งข้างต้นไปคร่อม ข้อความนั้นไว้ อย่างเช่น ต้องการแต่งคำว่า "สุระ วรรณแสง" ให้เอียงและหนา ให้ทำดังนี้ : <I><B> สุระ วรรณแสง</B></I> ผลลัพธ์ที่ได้คือ สุระ วรรณแสง

ตัวอย่าง : ทดสอบการทำตัวอักษรหนา,เอียง,ขีดเส้นใต้
<HTML>
<HEAD>
<TITLE> การสร้างหัวข้อ</TITLE>
</HEAD>
<BODY bgcolor=white>
<font size=2 face="ms sans serif">
<B>ข้อความหนา</B>
<I>ข้อความเอียง</I>
<U>ข้อความขีดเส้นใต้<U>
<B><I>ข้อความหนา+เอียง</I></B>
<B><I><U>ข้อความหนา+เอียง+ขีดเส้นใต้</U></i></B>
<I><U>ข้อความเอียง+ขีดเส้นใต้</U></I>
<U><B>ข้อความขีดเส้นใต้+หนา</B></U>
</font>
</BODY>
</HTML>
Click เพื่อดูผลลัพธ์
การใส่สีอักษร
รูปแบบคำสั่ง : <font color=ชื่อสีหรือ#รหัสสี > .....ข้อความ...... </font>.
คำอธิบาย : เป็นคำสั่งที่ใช้ในการตกแต่งอักษรให้เป็นสีต่างๆ ตามชื่อสีหรือรหัสสี โดยนำคำสั่งนี้ไปคร่อมข้อความที่จะตกแต่ง

ตัวอย่าง : การตกแต่งสีอักษร
<HTML>
<HEAD>
<TITLE> การใส่สีอักษร</TITLE>
</HEAD>
<BODY bgcolor=white>
<font color=red> อักษรสีแดง </font> <br>
<font color=blue> อักษรสีน้ำเงิน </font> <br>
<font color=#66CCFF> อักษรสีฟ้า </font> <br>
</BODY>
</HTML>
Click เพื่อดูผลลัพธ์
การใส่ขนาดอักษร
รูปแบบคำสั่ง : <font size=ขนาดอักษร> .....ข้อความ...... </font>.
คำอธิบาย : เป็นคำสั่งที่ใช้ในการตกแต่งอักษรให้เป็นมีขนาดต่าง ๆ โดยที่ขนาดอักษรยิ่งมาก อักษรก็จะมีขนาดใหญ่ตามลำดับ โดยนำคำสั่งนี้ไปคร่อมข้อความที่จะตกแต่ง

ตัวอย่าง : การตกแต่งขนาดอักษร
<HTML>
<HEAD>
<TITLE> การใส่ขนาดอักษร</TITLE>
</HEAD>
<BODY bgcolor=white>
<font size=10> อักษรขนาด=10 </font> <br>
<font size=3> อักษรขนาด=3 </font> <br>
<font size=1> อักษรขนาด=1 </font> <br>
</BODY>
</HTML>
Click เพื่อดูผลลัพธ์
การใส่รูปแบบอักษร
รูปแบบคำสั่ง : <font face="ชื่อรูปแบบอักษร" > .....ข้อความ...... </font>.
คำอธิบาย : เป็นคำสั่งที่ใช้ในการตกแต่งอักษรให้เป็นมีรูปแบบต่าง ๆ ตาม font ที่กำหนด เช่า AngsanaUPC, MS sans serif Cordia New, โดยนำคำสั่งนี้ไปคร่อมข้อความที่จะตกแต่ง

ตัวอย่าง : การตกแต่งรูปแบบอักษร
<HTML>
<HEAD>
<TITLE> การใส่รูปแบบอักษร</TITLE>
</HEAD>
<BODY bgcolor=white>
<font face="MS sans serif" > อักษรแบบ Ms sans serif </font> <br>
<font face="AngsanaUPC"> อักษรแบบ AngsanaUPC </font> <br>
<font face="Cordia New" > อักษรแบบ Cordia New </font> <br>
</BODY>
</HTML>
Click เพื่อดูผลลัพธ์
นำคำสั่งทั้งหมดมาประยุกต์ใช้ผสมกัน
ตัวอย่าง : การตกแต่งรูปแบบอักษร+ใส่สี+ใส่ขนาด+หนา+เอียง+ขีดเส้นใต้
<HTML>
<HEAD>
<TITLE> การตกแต่งอักษร</TITLE>
</HEAD>
<BODY bgcolor=white>
<font face="MS sans serif" color=red size=2> อักษรแบบ Ms sans serif ,สีแดง, ขนาด=2</font> <br>
<font face="AngsanaUPC" color=blue> อักษรแบบ AngsanaUPC ,สีน้ำเงิน </font> <br>
<U> <font face="Cordia New" size=10> อักษรแบบ Cordia New ,ขนาด=10,ขีดเส้นใต้ </font> </U> <br>
<B><font size=6 color=red > อักษรหนา, ขนาด=6,สีแดง </font> </B> <br>
<B><I> <font face="Ms sans serif" color=red > อักษร ms sans serif ,หนา+เอียง,สีแดง </font> </B></I> <br>
</BODY>
</HTML>
Click เพื่อดูผลลัพธ์
                                                            แหล่งข้อมูล http://www.rin.ac.th/