การกำหนดแบบอักษร FONT ,ขนาด,สีตัวอักษร
รูปแบบคำสั่ง <font>.....ข้อความ.....</font>
FONT
กำหนดรูปแบบตามต้องการเช่น AngsanaUPC ,Cordia New,MS sans serif
รูปแบบคำสั่ง <font face="ชื่อรูปแบบอักษร" > .....ข้อความ...... </font>
ตัวอย่าง
<html>
<body>
<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>
ผลที่ได้
----------------------------------------------------------------------------------------
ขนาด
รูปแบบคำสั่ง <font size=ขนาดอักษร> .....ข้อความ...... </font>
ตัวอย่าง
<html>
<body>
<font size=1>แสดงข้อความที่มีขนาด n=1</font><br>
<font size=2>แสดงข้อความที่มีขนาด n=2</font><br>
<font size=3>แสดงข้อความที่มีขนาด n=3</font><br>
<font size=4>แสดงข้อความที่มีขนาด n=4</font><br>
<font size=5>แสดงข้อความที่มีขนาด n=5</font><br>
<font size=6>แสดงข้อความที่มีขนาด n=6</font><br>
<font size=7>แสดงข้อความที่มีขนาด n=7</font><br>
<font size=8>แสดงข้อความที่มีขนาด n=8</font><br>
</body>
</html>
หมายเหตุ : ขนาดใหญ่สุดคือ 7 ดูได้จากรูป
ผลที่ได้
----------------------------------------------------------------------------------------
สีตัวอักษร
รูปแบบคำสั่ง <font color=ชื่อสีหรือ#รหัสสี > .....ข้อความ...... </font>
#รหัสสี
ตัวอย่าง
<html>
<body>
<font color=blue> อักษรสีน้ำเงิน </font> <br>
<font color=#66CCFF> อักษรสีฟ้า </font> <br>
</body>
</html>
ผลที่ได้
----------------------------------------------------------------------------------------
ตัวเอียง,ตัวหนา,ขีดเส้นใต้
รูปแบบคำสั่ง <B>.....ข้อความ..... </B> : คำสั่งตัวหนา
<I>.....ข้อความ..... </I> : คำสั่งตัวเอียง
<U>.....ข้อความ..... </U> : คำสั่งขีดเส้นใต้
ตัวอย่าง
<html>
<body>
<B>ข้อความหนา</B><br>
<I>ข้อความเอียง</I><br>
<U>ข้อความขีดเส้นใต้<U><br>
</body>
</html>
ผลที่ได้
----------------------------------------------------------------------------------------
ตัวขีดฆ่า,ตัวยก,ตัวห้อย
รูปแบบคำสั่ง <s>.....ข้อความ.....</s> : ตัวขีดฆ่า
<sup>.....ข้อความ.....<sup> : ตัวยก
<sub>.....ข้อความ.....</sub> : ตัวห้อย
ตัวอย่าง
<html>
<body>
<s>.....ตัวขีดฆ่า.....</s><br><br>
ข้อความ<sup>.....ตัวยก.....<sup><br><br>
ข้อความ<sub>.....ตัวห้อย.....</sub><br><br>
</body>
</html>
ผลที่ได้
----------------------------------------------------------------------------------------
ตัวอักษรวิ่ง
รูปแบบคำสั่ง <marquee>...</marquee>
<marquee direction="left">ขวาไปซ้าย</marquee>
<marquee direction="right">ซ้ายไปขวา</marquee>
<marquee direction="up">ล่างขึ้นบน</marquee>
<marquee direction="down">บนลงล่าง</marquee>
ตัวอย่าง
<html>
<body>
<marquee direction="left">ขวาไปซ้าย</marquee>
<marquee direction="right">ซ้ายไปขวา</marquee>
<marquee direction="up">ล่างขึ้นบน</marquee>
<marquee direction="down">บนลงล่าง</marquee>
</body>
</html>
ผลที่ได้
----------------------------------------------------------------------------------------
ตัวอักษรกระพริบ
รูปแบบคำสั่ง <blink>.....ข้อความ.....</blink>
ตัวอย่าง
<html>
<body>
<blink>.....ข้อความ.....</blink>
</body>
</html>
ผลที่ได้
----------------------------------------------------------------------------------------
ที่มา
http://it.e-tech.ac.th/sutin/index6.htm (22/8/56)
ไม่มีความคิดเห็น:
แสดงความคิดเห็น