การแต่งตัวอักษร
การกำหนดตัวอักษรแบบตัวอักษร
<Font face="...">...ข้อความ...</Font>
การกำหนดฟอนต์ ก็เหมือน ๆ กับตอนที่เราพิมพ์งานใน word นั้นละค่ะ ซึ่งเราจะสามารถเลือกได้ว่าเราจะใช้ฟอนต์แบบไหน ซึ่งอาจจะเป็น Arial หรือ Angsana New เป็นต้น ในการเขียน HTML เราก็สามารถกำหนดได้ค่ะ ว่าจะให้ข้อความของเราแสดงผลด้วยรูปแบบของฟอนต์แบบไหน แต่ในการเขียนเว็บเพจนั้น ฟอนต์ที่เป็นที่นิยมจะมีด้วยกัน 2 ชนิดคือ MS Sans Serif และ Tahoma โดยฟอนต์แบบ MS Sans Serif จะนิยมใช้กับเว็บที่มีการแสดงผลข้อความเป็นภาษาไทย และ Tahoma มักใช้การแสดงผลข้อความเป็นภาษาอังกฤษ แต่ก็สามารถใช้กับข้อความภาษาไทยได้เหมือนกัน รูปแบบการกำหนดชื่อฟอนต์
การกำหนดขนาดตัวอักษร
<Font size =" ...">...ข้อความ...</Font>
การกำหนดขนาดของข้อความสามารถกำหนดได้โดยใช้ตัวเลขเป็นตัวกำหนด ซึ่งสามารถกำหนดได้ 7 ระดับ รูปแบบการใส่มีด้วยกัน 3 แบบ คือ แบบแรกการกำหนดโดยใช้ตัวเลข 1 ถึง 7 สองการกำหนดตัวเลขโดยใส่เครื่องหมาย + คือตั้งแต่ +1 ถึง +7 และ การใส่แบบใส่เป็นค่าแบบ - ตั้งแต่ -1 ถึง -7
การกำหนดสีตัวอักษร
<Font color = "...">...ข้อความ...</Font>
การกำหนดสีสันของข้อความเป็นเรื่องสำคัญอยู่ในลำดับต้น ๆ ของการทำเว็บเลยทีเดียว เพราะสีสันข้อความสามารถดึงดูดสายตาของผู้เยี่ยมชม หากข้อความของเว็บใช้สีที่อ่านยาก เพราะว่าสีกลืนกันไปหมดกับพื้นหลัง ความสำคัญของการสื่อความหมายของข้อความนั้น ๆ อาจอ่อนด้อยลง ดังนั้นการพิจารณาเลือกใช้สีควรเลือกให้เหมาะกับโทนสีทั้งหมดของเว็บ ไม่ควรอ่อนด้อยเกินไป หรือโดดเด่นเกินไป
1.<Font color = "...ชื่อสีภาษาอังกฤษ...">...ข้อความ...</Font>
2.<Font color = "...รหัสของสี...">...ข้อความ...</Font>
ตารางรหัสของสี
การกำหนดตัวเอียง ตัวหนา ตัวห้อย
ตัวเอียง <I> ...ข้อความ...</I>
ตัวหนา <B>...ข้อความ...</B>
ขีดเส้นใต้ <U>...ข้อความ....</U>
การกำหนดตัวขีดฆ่า ตัวยก ตัวห้อย
ตัวขีดฆ่า <STRIKE>...ข้อความ...</STRIKE>
ตัวยก <SUP>...ข้อความ...</SUP>
ตัวห้อย <SUB>...ข้อความ...</SUB>
การกำหนดตัวอักษรวิ่ง ตัวอักษรกระพริบ
ตัวอักษรวิ่ง <MARQUEE>...ข้อความ...</MARQUEE>
ตัวอักษรกระพริบ <BLINK>...ข้อความ...</BLINK>
การจัดตำแหน่งข้อความ
การจัดตำแหน่งข้อความชิดซ้าย
<P Align = "left"> ....ข้อความ.... </P>
การจัดตำแหน่งข้อความอยู่กึ่งกลาง
<P Align = "center">... ข้อความ...</P>
การจัดตำแหน่งข้อความชิดขวา
<P align = "right">...ข้อความ...</P>
เอกสารอ้างอิง
http://www.prasansoft.com/web-content-html4.php
http://www.thainextstep.com/html/html_03.phphttp
http://113.53.238.199/it/elearning/html/html2.html
http://www.webthaidd.com/html/webthaidd_article_321_.html
24 กันยายน 2555
ไม่มีความคิดเห็น:
แสดงความคิดเห็น