New Document

ดาวโหลดเอกสาร [DOC] [PDF]

การกำหนดลักษณะข้อความในเอกสาร HTML
 สำหรับการกำหนดลักษณะข้อความนั้น จะใส่เพิ่มในส่วนของ tag เปิด ของ tag เพราะคำสั่งนี้เป็นส่วนขยายที่เรียกว่า Attribute ของ คำสั่ง โดยจะมี Attribute ต่าง ๆ ดังนี้
 1. การกำหนดชื่อฟอนต์ face = "ชื่อฟอนต์"
 2. การกำหนดขนาดของข้อความ size = "ขนาดของข้อความ"
 3. การกำหนดสีของข้อความ color= "ชื่อสี" หรือ color = "#รหัสสี"
 1. รูปแบบการกำหนดชื่อฟอนต์
 การกำหนดฟอนต์ ก็เหมือน กับตอนที่พิมพ์งานใน word ซึ่งสามารถเลือกได้ว่าจะใช้ฟอนต์แบบไหน ซึ่งอาจจะเป็น Arial หรือ Angsana New เป็นต้น ในการเขียน HTML ก็สามารถกำหนดได้ ว่าจะให้ข้อความ แสดงผลด้วยรูปแบบของฟอนต์แบบไหน แต่ในการเขียนเว็บเพจนั้น ฟอนต์ที่เป็นที่นิยมจะมีด้วยกัน 2 ชนิดคือ MS Sans Serif และ Tahoma โดยฟอนต์แบบ MS Sans Serif จะนิยมใช้กับเว็บที่มีการแสดงผลข้อความเป็นภาษาไทย และ Tahoma สามารถใช้การแสดงผลข้อความเป็นภาษาอังกฤษ แต่ก็สามารถใช้กับข้อความภาษาไทยได้เหมือนกัน (อย่าง Nextstepdev ก็ใช้ฟอนต์แบบ Tahoma) รูปแบบการกำหนดชื่อฟอนต์ ก็เป็นตามตัวอย่างด้านล่าง
 ตัวอย่างที่ 1 การกำหนดรูปแบบฟอนต์ของข้อความ
 <html>
 <head><title>
 ....การกำหนดรูปแบบฟอนต์ของข้อความ....
 </title></head>
 <body>
 
 ข้อความนี้กำหนดฟอนต์แบบ MS Sans Serif
 
 
 ข้อความนี้กำหนดฟอนต์แบบ Tahoma
 
 </body>
 </html>
 แสดงผลตัวอย่างที่ 1

2. รูปแบบการกำหนดขนาดข้อความ
 การกำหนดขนาดของข้อความสามารถกำหนดได้โดยใช้ตัวเลขเป็นตัวกำหนด ซึ่งสามารถกำหนดได้ 7 ระดับ รูปแบบการใส่มีด้วยกัน 3 แบบ คือ แบบแรกการกำหนดโดยใช้ตัวเลข 1-7 สองการกำหนดตัวเลขโดยใส่เครื่องหมาย + คือตั้งแต่ +1 - +7 และ การใส่แบบใส่เป็นค่าแบบ - ตั้งแต่ -1 - -7 ซึ่งรูปแบบการใส่มีดังนี้
 ตัวอย่างที่ 2 การกำหนดรูปแบบขนาดข้อความ
 <html>
 <head><title>
 ....การกำหนดรูปแบบขนาดข้อความ....
 </title></head>
 <body>
 
 ข้อความนี้กำหนดขนาดเท่ากับ 2
 
 <size = "+2">
 ข้อความนี้กำหนดขนาดเท่ากับ +2
 
 
 ข้อความนี้กำหนดขนาดเท่ากับ -2
 
 </body>
 </html>
 แสดงผลตัวอย่างที่ 2

3. รูปแบบการกำหนดสีข้อความ
 การกำหนดสีสันของข้อความเป็นเรื่องสำคัญอยู่ในลำดับต้น ๆ ของการทำเว็บเลยทีเดียว เพราะสีสันข้อความสามารถดึงดูดสายตาของผู้เยี่ยมชม ถ้าข้อความของเว็บใช้สีที่อ่านยาก เพราะว่าสีกลืนกันไปหมดกับพื้นหลัง ความสำคัญของการสื่อความหมายของข้อความนั้น ๆ อาจอ่อนด้อยลง ดังนั้นการพิจารณาเลือกใช้สีควรเลือกให้เหมาะกับโทนสีทั้งหมดของเว็บ ไม่ควรอ่อนด้อยเกินไป หรือโดดเด่นเกินไป (สำหรับข้อความเล็ก ๆ ต้องการเน้นสามารถทำได้) ซึ่งรูปแบบการใส่สีให้ข้อความในเว็บมีดังนี้
 ตัวอย่างที่ 3 การกำหนดรูปแบบสีข้อความ
 <html>
 <head><title>
 ....การกำหนดรูปแบบสีข้อความ....
 </title></head>
 <body>
 
 ข้อความนี้กำหนดให้เป็นสีแดง
 
 
 ข้อความนี้กำหนดให้เป็นสีน้ำเงิน
 
 </body>
 </html>
 แสดงผลตัวอย่างที่ 3

การจัดรูปแบบข้อความ
 คำสั่งภาษา HTML ก็มีคำสั่งเหล่านี้อยู่ด้วยเหมือนกัน โดยรูปแบบของคำสั่ง มีดังนี้
 1. การกำหนดแบบตัวหนา (Bold)
 ข้อความ. หรือ
 .ข้อความ.
 2. การกำหนดแบบตัวเอียง (Italic)
 ...ข้อความ...
 3. การกำหนดแบบตัวขีดเส้นใต้ (Underline)
 ...ข้อความ...
 4. การกำหนดแบบตัวขีดฆ่า (Strike)
 <strike>...ข้อความ...</strike>
 รูปแบบการจัดรูปแบบข้อความแบบต่าง ๆ
 ตัวอย่างที่ 4 การจัดรูปแบบข้อความ
 <html>
 <head><title> ....การจัดรูปแบบข้อความ.... </title></head>
 <body>
 
 ข้อความนี้กำหนดตัวหนา b
 
 
 ข้อความนี้กำหนดตัวหนา strong
 
 
 ข้อความนี้กำหนดตัวเอียง i
 
 
 ข้อความนี้กำหนดตัวขีดเส้นใต้ u
 
 <strike>
 ข้อความนี้กำหนดตัวขีดฆ่า strike
 </strike> 
 </body>
 </html>
 แสดงตัวอย่างที่ 4

การจัดตำแหน่งข้อความ
 ในการกำหนดตำแหน่งในภาษา HTML สามารถกำหนดได้หลายรูปแบบ ทั้งแบบกำหนดเป็นคำสั่ง และการกำหนดเป็น Attribute ของคำสั่ง โดยมีรูปแบบดังนี้
 1. การกำหนดให้อยู่ตำแหน่งกึ่งกลางด้วยคำสั่ง Center
 <center> ...ข้อความ...</center>
 2. การกำหนดตำแหน่งโดยใช้ Attribute ของคำสั่ง โดยใช้ Attribute align รูปแบบดังนี้
 ...ข้อความ...
 ตำแหน่งที่สามารถระบุได้ คือ left center หรือ right
 ตัวอย่างคำสั่งที่ 5 การจัดตำแหน่งข้อความ
 <html>
 <head><title>
 ....การจัดตำแหน่งข้อความ....
 </title></head>
 <body>
 <center>
 ข้อความนี้อยู่กึ่งกลาง
 </center> 
 
 ข้อความชิดซ้าย
 
 
 ข้อความนี้อยู่กึ่งกลาง
 
 
 ข้อความนี้ชิดขวา
 
 </body>
 </html>
 แสดงตัวอย่างที่ 5