การแต่งตัวอักษร
การกำหนดแบบอักษร
ตัวอย่างโค้ด
การแสดงผล
ขนาดตัวอักษร
สามารถกำหนดขนาดตัวอักษรได้ 2วิธี คือ
1.ในกรณีที่เป็นหัวข้อ สามารถใช้คำสั่งต่อไปนี้
<H1>ขนาดตัวอักษร</H1>
<H2>ขนาดตัวอักษร</H2>
<H3>ขนาดตัวอักษร</H3>
<H4>ขนาดตัวอักษร</H4>
<H5>ขนาดตัวอักษร</H5>
<H6>ขนาดตัวอักษร</H6>
2.ในกรณีทั่วไป จะใช้คำสั่ง <Font size=ค่าตัวเลข> สามารถกำหนดได้ 7ระดับ เช่น
<Font size=1> ตัวอักษรขนาด2</Font>
<Font size=2> ตัวอักษรขนาด2</Font>
<Font size=3> ตัวอักษรขนาด3</Font>
<Font size=4> ตัวอักษรขนาด4</Font>
<Font size=5> ตัวอักษรขนาด5</Font>
<Font size=6> ตัวอักษรขนาด6</Font>
<Font size=7> ตัวอักษรขนาด7</Font>
ตัวอย่างโค้ด
การแสดงผล
สีตัวอักษร ทั้ง2แบบ
สีตัวอักษรสามารถกำหนดได้ 2แบบ คือ
1.กำหนดโดยใช้ชื่อสี ใช้คำสั่ง <Font color=ชื่อสี>
2.กำหนดโดยใช้โค้ดสี ใช้คำสั่ง <Font color=รหัสสี>
ตัวอย่างโค้ด
การแสดงผล
ตัวเอียง ตัวหนา ขีดเส้นใต้
คำสั่งที่ใช้สามารถกำหนดได้ ดังนี้
<I>ตัวเอียง</I>
<B>ตัวหนา</B>
<U>ขีดเส้นใต้</U>
ตัวอย่างโค้ด
การแสดงผล
ตัวขีดฆ่า ตัวยก ตัวห้อย
คำสั่งที่ใช้ < S>"ตัวขีดฆ่า"</S>
คำสั่งที่ใช้ <SUP> "ตัวยก"</SUP>
คำสั่งที่ใช้ <SUB>"ตัวห้อย"</SUB>
ตัวอย่างโค้ด
การแสดงผล
ตัวอักษรวิ่ง ตัวอักษรกระพริบ
มีทิศทางการวิ่ง ดังนี้
-Left วิ่งไปทางซ้าย
-Right วิ่งไปทางขวา
-Up วิ่งขึ้นด้านบน
-Down วิ่งลงด้านล่าง
ตัวอย่างโค้ด
การแสดงผล
ตัวอักษรกระพริบ
สามารถใช้คำสั่ง <BLINK>ข้อความ</BLINK>
ตัวอย่างโค้ด
การแสดงผล
การจัดตำแหน่งข้อความ
1. การกำหนดให้อยู่ตำแหน่งกึ่งกลางด้วยแท็ก Center <center> ...ข้อความ...</center>
2. การกำหนดตำแหน่งโดยใช้ Attribute ของแท็ก <p> โดยใช้ Attribute align รูปแบบดังนี้
<p align = "ตำแหน่ง"> ...ข้อความ...</p>
ตำแหน่งที่สามารถระบุได้ คือ left center หรือ right
ตัวอย่างโค้ด
การแสดงผล
ที่มา:
http://www.thainextstep.com/html/html_05.php
http://www.bkk1.in.th/Topic.aspx?TopicID=7177
http://school.obec.go.th/krurenu/html/p2-8.html
ไม่มีความคิดเห็น:
แสดงความคิดเห็น