วันเสาร์ที่ 14 กรกฎาคม พ.ศ. 2555

การตั้งค่าตัวอักษร

การตั้งค่าให้กับตัวอักษร

สวัสดีครับ เพื่อนๆ ชาวบล็อกทุกๆ คน
สำหรับคราวนี้ อาจจะอัพช้าไปหน่อยนะครับ ขอโทษด้วยจ้า
วันนี้ผมขอนำเสนอแท็กที่นำไปใช้ตกแต่งตัวอักษรครับ
คราวนี้ขออธิบายด้วยภาพนะครับ และขออธิบายเพิ่มเล็กน้อยด้วย

  • การกำหนดแบบตัวอักษร



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

  การกำหนดขนาดตัวอักษรแบบ Heading
เป็นการกำหนดขนาดตัวอักษรที่ใช้ทำหัวเรื่อง โดยใส่ tag ลงไป มีให้เลือก 6 ระดับ คือ ตั้งแต่ h1 ถึง h6
อย่าลืมว่ามีแท็กปิดด้วยนะ เช่น <h1>____</h1> เป็นต้น
  การกำหนดขนาดด้วย Size

เป็นการกำหนดโดยใช้ tag <font size = "...">________</font>
โดยที่ภายในเครื่องหมายคำพูดให้ใส่ตัวเลข -7,-6,...,6,7 ซึ่งขนาดจะเรียงลำดับตามนี้


  • สีตัวอักษร

สามารถกำหนดโดยใช้แท็ก <font color = "...">____</font>
โดยในเครื่องหมายคำพูดสามารถเติมชื่อสี(ภาษาอังกฤษ) หรือโค้ดสีลงไปได้
เช่น <font color = "#00FF00">___</font> หรือ
       <font color = "green">___</font>
ผลที่ได้ก็จะเหมือนกันจ้า ต่างกันแค่ถ้าใช้โค้ดสีจะได้สีหลากรูปแบบกว่าเท่านั้น


  • ตัวเอียง ตัวหนา ตัวขีดเส้นใต้



  • การจัดชิดซ้าย, ขวา และกึ่งกลาง

 เราสามารถใช้แท็ก <P Align=Left>, <P Align=Right> และ <P Align=Center> มากำหนดการจัดตำแหน่งของข้อความได้เป็นชิดซ้าย ขวา และกึ่งกลางตามลำดับ โดยทั้งสามแท็กมีแท็กปิดเป็น </P>
ทั้งนี้เมื่อเราเขียนในโปรแกรม Notepad เมื่อเราเขียนข้อความในนั้นก็จัดให้ชิดซ้ายอยู่แล้ว ดังนั้น <P Align=Left> จึงไม่ค่อยนิยมใช้กันซักเท่าไร
***เราสามารถเปลี่ยนจากตัว P ในแท็กเป็น div ได้เพราะจะทำให้มีการเว้นบรรทัดน้อยลง และโดยพื้นฐานแล้ว จะไม่มี </P> (แท็กปิดของ P)***

  • ตัวขีดฆ่า ตัวยก ตัวห้อย



  • ตัวกระพริบ ตัววิ่ง



  • กำหนด Font ตัวอักษร

ขอบคุณที่ติดตามครับ
ลงวันที่ 14 ก.ค. 2555

ที่มา 
http://www.freescriptsplanet.com/ภาษา-html/แท็ก-html