วันศุกร์ที่ 30 สิงหาคม พ.ศ. 2556

การแต่งตัวอักษร

- การกำหนดตัวอักษร 
        การกำหนดฟอนต์ ก็เหมือน ๆ กับตอนที่เราิพิมพ์งานใน word นั้นละค่ะ ซึ่งเราจะสามารถเลือกได้ว่าเราจะใช้ฟอนต์แบบไหน ซึ่งอาจจะเป็น Arial หรือ Angsana New เป็นต้น ในการเขียน HTML เราก็สามารถกำหนดได้ค่ะ ว่าจะให้ข้อความของเราแสดงผลด้วยรูปแบบของฟอนต์แบบไหน แต่ในการเขียนเว็บเพจนั้น ฟอนต์ที่เป็นที่นิยมจะมีด้วยกัน 2 ชนิดคือ MS Sans Serif และ Tahoma โดยฟอนต์แบบ MS Sans Serif จะนิยมใช้กับเว็บที่มีการแสดงผลข้อความเป็นภาษาไทย และ Tahoma มักใช้การแสดงผลข้อความเป็นภาษาอังกฤษ แต่ก็สามารถใช้กับข้อความภาษาไทยได้เหมือนกัน (อย่าง Nextstepdev ก็ใช้ฟอนต์แบบ Tahoma) รูปแบบการกำหนดชื่อฟอนต์
 
 
 

- ขนาดตัวอักษร

H1   จะมีขนาด 21 pixel และตัวหนา
H2   จะมีขนาด 17 pixel และตัวหนา
H3   จะมีขนาด 14 pixel และตัวหนา
H4   จะมีขนาด 12 pixel และตัวหนา
H5   จะมีขนาด 11 pixel และตัวหนา
H6   จะมีขนาด 9 pixel และตัวหนา

<font size="ตัวเลข">ข้อความ</font>
 
 




- สีตัวอักษร
 
  การกำหนดสีสันของข้อความเป็นเรื่องสำคัญอยู่ในลำดับต้น ๆ ของการทำเว็บเลยทีเดียว เพราะสีสันข้อความสามารถดึงดูดสายตาของผู้เยี่ยมชม หากข้อความของเว็บใช้สีที่อ่านยาก เพราะว่าสีกลืนกันไปหมดกับพื้นหลัง ความสำคัญของการสื่อความหมายของข้อความนั้น ๆ อาจอ่อนด้อยลง ดังนั้นการพิจารณาเลือกใช้สีควรเลือกให้เหมาะกับโทนสีทั้งหมดของเว็บ ไม่ควรอ่อนด้อยเกินไป หรือโดดเด่นเกินไป (สำหรับข้อความเล็ก ๆ ต้องการเน้นอาจทำได้)
 
 


 


- ตัวเอียง ตัวหนา ตัวขีดเส้นใต้
 
                 <b> = ตัวหนา        code <b>...</b>
           <i> = ตัวเอียง        code <i>...</i>
           <u> = ตัวขีดเส้นใต้    code <u>...</u>





 
- ตัวขีดฆ่า ตัวยก ตัวห้อย
 
ตัวขีดฆ่า ใช้คำสั่ง <S>...</S>
ตัวอักษรยกขึ้น ใช้คำสั่ง <SUP>...</SUP>
ตัวอักษรห้อยลง ใช้คำสั่ง <SUB>...</SUB>
 
 

 



 - ตัวอักษรวิ่ง ตัวอักษรกระพริบ 
 
ตัวอักษรกระพริบ ใช้คำสั่ง <BLINK>...</BLINK>
ตัวอักษรวิ่ง        ใช้คำสั่ง 
 1.<marquee direction="left">ข้อความวิ่งจากขวาไปซ้าย</marquee>
 2.<marquee direction="right">ข้อความวิ่งจากซ้ายไปขวา</marquee> 
 3.<marquee direction="up">ข้อความวิ่งจากล่างขึ้นบน</marquee>
 4.<marquee direction="down">ข้อความวิ่งจากบนลงล่าง</marquee>
 
 

 
- การจัดตำแหน่งตัวอักษร    
 
1. การกำหนดให้อยู่ตำแหน่งกึ่งกลางด้วยแท็ก Center  <center> ...ข้อความ...</center>
2. การกำหนดตำแหน่งโดยใช้ Attribute ของแท็ก <p> โดยใช้ Attribute align รูปแบบดังนี้ 
              <p align = "ตำแหน่ง"> ...ข้อความ...</p>ตำแหน่งที่สามารถระบุได้ คือ left center หรือ right