ข่าว IT ล่าสุด
ถูกใจอย่าลืม Like Fanpage
รูปแบบ ของตัวอักษร
แสดงแล้ว 6756 ครั้ง /
สิงหาคม 09, 2009, 18:50:40

Moshi

ออฟไลน์
กระทู้ : 16,996
คะแนนขอบคุณ : 45
it4x สังคมแห่งการเรียนรู้
รูปแบบ ของตัวอักษร

ในบทนี้ เราจะมาทราบถึงวิธีการทำแบบตัวอักษรหลาย ๆ แบบ เช่น ตัวหนา ตัวเอน ตัวใหญ่ ตัวเล็ก ซึ่งลักษระต่าง ๆ เหล่านี้จะทำให้เว็บเพจ ของเราสวยงามยิ่งขึ้น

หัวเรื่อง 
รูปแบบ ข้อความ
ตัวอย่าง

หัวข้อใหญ่สุด


ในการกำหนดขนาดให้หัวเรื่องนั้นมีการกำหนด ไว้ 6 ระดับตั้งแต่ 1 - 6 โดย x แทนตัวเลขแต่ละลำดับโดย H1 มีขนาดใหญ่ที่สุด H6 เล็กที่สุดเมื่อต้องการใช้หัวเรื่องที่มีขนาดตัวอักษรเท่าใดเขียนอยู่ระหว่าง .... 

ขนาดตัวอักษร 
รูปแบบ ข้อความ
ตัวอย่าง bcoms.net
เราสามารถกำหนดขนาดของตัวอักษรให้แตกต่างกันได้ ภายในบรรทัดเดียวกัน โดยเราใช้ มากำหนด โดยที่ value เป็นตัวเลขแสดงขนาด ตัวอักษร 7 ขนาด ตัวเลขยิ่งมาก ยิ่งมีขนาด ใหญ่ ตั้งแต่ -7 ไปจนถึง +7 

ตัวหนา (Bold)
รูปแบบ ข้อความ
ตัวอย่าง bcoms.net
จะทำให้ข้อความที่อยู่ใน .... มีความหนาเกิดขึ้น เช่น bcoms.net

ตัวเอน (Itatic)
รูปแบบ ข้อความ
ตัวอย่าง bcoms.net
ทำให้ข้อความที่อยู่ใน.... เกิดเป็นตัวเอนขึ้น เช่น bcoms.net

ตัวขีดเส้นใต้ (Underline) 
รูปแบบ ข้อความ
ตัวอย่าง bcoms.net
ทำให้ข้อความที่อยู่ใน ..... มีเส้นขีดอยู่ใต้ตัวอักษรเกิดขึ้น เช่น bcoms.net

ตัวอักษรมีขนาดคงที่ (Typewriter text)
รูปแบบ ข้อมความ
ตัวอย่าง bcoms.net
ทำให้ ข้อความ ที่อยู่ใน..... มีลักษณะเป็น fixed space เกิดขึ้น เช่น bcoms.net

แบบของตัวอักษร
รูปแบบ bcoms.net
Font name เป็นชื่อของ Font ที่เราต้องการให้เป็น เช่น bcoms.net และเราสามารถใส่ชื่อ Font หลาย ๆ ตัวได้เพื่อบางครั้ง Browser ไม่มี Font ตามต้องการโดยให้คั้นด้วยตัว (,) 

ขนาด Font ทั้งเอกสาร
รูปแบบ Basefont size="X">
ตัวอย่าง 
เป็นการกำหนดขนาดของตัวอักษรในโฮมเพจให้มีขนาด เท่ากันทั้งเอกสาร เพื่อสะดวกเราจะได้ไม่ต้องกำหนดบ่อย ๆ ปกติแล้วจะกำหนดขนาดเป็น 3 โดยไม่ต้องมีตัวปิดเหมือนคำสั่งอื่น ๆ (X แทนตัวเลข)

ตัวอักษรแบบพิเศษ 
รูปแบบ 
< แทนด้วย <
> แทนด้วย >
& แทนด้วย &
" แทนด้วย "
เว้นวรรค แทนด้วย  
ตัวอย่างเช่น "it4x.com" จะเป็น "it4x.com"


Credit : http://www.bcoms.net/html/04.asp

« แก้ไขครั้งสุดท้าย: สิงหาคม 09, 2009, 19:44:01 โดย admin »

Moshi

ออฟไลน์
กระทู้ : 16,996
คะแนนขอบคุณ : 45
it4x สังคมแห่งการเรียนรู้
สิงหาคม 10, 2009, 13:25:56
ขุด

 

ด้วยฟังค์ชั่น ตอบด่วน คุณสามารถใช้โค๊ดและ เครื่องหมายแสดงอารมณ์ได้ เหมือนการตั้งกระทู้ธรรมดา แต่สามารถทำได้สะดวกกว่า

ระวัง: หัวข้อนี้ไม่มีการอัพเดทมานานถึง 120 วัน

แจ้งเตือน: โพสของคุณจะไม่แสดงจนกว่าผู้ดูแลจะอนุมัติ.
ชื่อ: อีเมล์: