แนวข้อสอบ HTML: การจัดรูปแบบตัวอักษร

หลากหลายวิธีจัดการตัวอักษร

รูปแบบตัวอักษรโดยทั่ว ๆ ไป

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

เราใช้ เพื่อกำหนดให้ตัวอักษรมีความหนามากกว่าปกติ ซึ่งการใช้ มีรูปแบบดังนี้

ชื่อแท็ก: B
รูปแบบ: ตัวอักษรที่ต้องการเพิ่มความหนา
ตัวอย่างการใช้: เมื่อกรอกชื่อเรียบร้อยแล้ว ให้เราคลิกที่ปุ่ม OK
ตำแหน่งที่ใช้: ระหว่าง <BODY>…</BODY>

กำหนดให้ตัวอักษรเอียง

ต่อไปนี้คือ รูปแบบการใช้งาน ซึ่งเป็นแท็กที่ใช้ในการกำหนดให้ตัวอักษรเอียง

ชื่อแท็ก: I
รูปแบบ: ตัวอักษรที่ต้องการกำหนดให้มีลักษณะเอียง
ตัวอย่างการใช้: จะมีข้อความปรากฏขึ้นมาว่า ”ยินดีต้อนรับสมาชิกใหม่…”
ตำแหน่งที่ใช้: ระหว่าง <BODY>…</BODY>
ขีดเส้นใต้ที่ตัวอักษร

เราสามารถเน้นข้อความหรือกำหนดหัวข้อให้เด่นได้ด้วยการขีดเส้นใต้โดยใช้ 
ซึ่งรูปแบบการใช้งาน เป็นดังนี้

ชื่อแท็ก: U
รูปแบบ: ตัวอักษรที่ต้องการขีดเส้นใต้ 
ตัวอย่างการใช้: กรุณาคลิกที่ปุ่ม Login เพื่อเข้าสู่ระบบ
ตำแหน่งที่ช้: ระหว่าง <BODY>…</BODY>
เลือกฟอนต์ให้ตัวอักษรบางกลุ่ม

เมื่อเราต้องการให้บราวเซอร์ใช้ฟอนต์ที่เรากำหนดแทนฟอนต์ที่ผู้ใช้งานเว็บเพจกำหนดไว้ในบราวเซอร์ เราสามารถ
ใช้แอตทริบิวต์ FACE ของ ได้โดยมีรูปแบบดังนี้

ชื่อแท็ก: FONT
ชื่อแอตทริบิวต์: FACE
รูปแบบ: ตัวอักษร
ตัวย่างการใช้: เมื่อกรอกชื่อเรียบร้อยแล้ว
ให้เราคลิกที่ปุ่ม OK 
ตำแหน่งที่ใช้: จะถูกใช้ระหว่าง <BODY>…</BODY>
เลือกฟอนต์ให้ตัวอักษรเหมือนกันทั้งหน้า

จากวิธีการกำหนดของฟอนต์ที่ผ่านมา เราได้กำหนดเฉพาะตัวอักษรบางตัวที่อยู่ระหว่าง …
เท่านั้น ถ้าเราต้องการกำหนดให้ตัวอักษรทั้งหน้าเว็บเพจใช้ฟอนต์ชนิดเดียวกัน ถึงแม้ว่าเราจะสามารถทำได้ด้วย 
แต่จะไม่สะดวกสบายเท่ากับการกำหนดด้วย <BASEFONT> ซึ่งมีรูปแบบการใช้งานดังนี้

ชื่อแท็ก: BASEFONT
รูปแบบ: <BASEFONT>ตัวอักษร
ตัวอย่างการใช้: <basefont>เมื่อกรอกชื่อเรียบร้อยแล้ว…
ตำแหน่งที่ใช้: ระหว่าง <BODY>…</BODY>

ปรับขนาดตัวอักษร

ขนาดของตัวอักษรสามารถเปลี่ยนแปลงได้โดยวิธีให้เลือกใช้หลายวิธี แต่วิธีที่ทำให้เราสามารถกำหนดขนาด
ได้ตามต้องการโดยสามารถทำได้ทั้งการกำหนดขนาดเข้าไปได้โดยตรง และการกำหนดขนาดโดยเปรียบเทียบกับขนาด
ของตัวอักษรปกตินั้นจะเป็นการใช้แอตทริบิวต์ SIZE ของ โดยมีรูปแบบดังนี้

ชื่อแอตทริบิวต์: SIZE
รูปแบบ: ตัวอักษร
ตัวอย่างการใช้: ”ยินดีต้อนรับสมาชิกใหม่…”หรือ
”ยินดีต้อนรับสมาชิกใหม่…” หรือ
”ยินดีต้อนรับสมาชิกใหม่…”
ตำแหน่งที่ใช้: ภายในแท็กเปิดของ

แนวข้อสอบ HTML

วันอังคารที่ 10 กรกฎาคม พ.ศ. 2555

การจัดรูปแบบตัวอักษร

ไม่มีความคิดเห็น:

แสดงความคิดเห็น

เกี่ยวกับฉัน