|
การกำหนดสีสันให้กับตัวอักษร (Text) พื้นหลัง (background) ก็เป็นสิ่งสำคัญมาก ถ้า อยากให้การโหลดเว็ปเป็นไปด้วยความรวดเร็ว ควรหลีกเหลี่ยงการนำไฟล์ภาพมาเป็นพื้นหลัง ให้ใช้ค่าสีเป็นพื้นหลังจะดีกว่า ซึ่งค่าสีตามรหัสเลขฐานสิบหกมีมากมายเป็นร้อย สามารถเลือกใช้ได้ ตามสะดวก หรือจะดู ตารางตัวอย่างค่าสี ได้ที่นี่ ท่านสามารถดาวน์โหลดไฟล์นี้ แล้วนำไปสั่งพิมพ์ กับเครื่อง Color Deskjet ไว้อ้างอิงได้ครับ
หรือจะใช้โปรแกรมผสมสีเล็ก ๆ ง่าย ๆ ตัวนี้ลองดาวน์โหลดไปใช้งานดูครับ โปรแกรม hexcolor หน้าตาดังภาพข้างล่างนี้ครับ
วิธีใช้งานก็ง่าย ๆ คลายไฟล์ hexcol.zip ลงในโฟลเดอร์ C:\Hex Color สร้าง Shortcut จากไฟล์ชื่อ hexcode.exe การใช้งานก็เพียงแต่เราปรับแถบเลื่อนประจำค่าสี
Red Green Blue สังเกตการผสมสีในช่อง Color เมื่อได้สีที่ต้องการก็เพียงแต่ลากดำ Copy ค่าสี Hex Number ไป วางใน Tag กำหนดค่าสีเท่านั้น เยี่ยมเลยใช่ไหมครับ
ตัวอย่าง การใช้คำสั่งแสดงสีของตัวอักษร ให้กำหนดด้วย <FONT COLOR="#00FFFF">ตัวอักษรสีฟ้า </FONT> จะได้ผลดังบรรทัดข้างล่าง
ตัวอักษรสีฟ้า
- การแสดงผลแบบรายการ (การใส่เลขหัวข้อหรือ bullet หน้าข้อความ) สามารถใช้คำสั่งได้ 2 คำสั่งดังนี้
- <OL> - - - - </OL> เป็นการกำหนดหัวข้อย่อย ดังเช่นในส่วนนี้ ก็อยู่ภายใต้คำสั่ง <OL> และต้องมี tag ปิดท้ายด้วย </OL> เสมอ จะให้แสดงผลด้วยตัวเลขหรือตัว อักษรก็ได้ (ค่าปกติคือตัวเลข เริ่มจาก 1, 2, 3, 4, ....)
ถ้าต้องการให้เป็นตัวอักษร ต้องระบุให้บราวเซอร์ทราบ เช่น
<OL TYPE="A"> หัวข้อจะเริ่มจาก A, B, C, ...
ค่า TYPE="---" จะแสดงผลแตกต่างกันดังนี้
"A" จะเป็นตัวอักษรพิมพ์ใหญ่
"a" จะเป็นอักษรพิมพ์เล็ก
"I" จะเป็นการนับเลขแบบโรมัน
บราวเซอร์จะไม่รับรู้คำสั่งหัวข้อเป็นอักษรไทยนะครับ
- <UL> - - - - </UL> เป็นการกำหนดให้บราวเซอร์แสดงผลด้วย bullet ค่าปกติคือ จุดวงกลมสีดำ เราสามารถกำหนดค่า TYPE ได้ 3 แบบดังนี้คือ
disc เป็นจุดสีดำ (ค่าปกติ)
circle เป็นจุดวงกลมโปร่ง (O)
square เป็นสี่เหลี่ยมทึบดำ (ต้องเขียนด้วยอักษรตัวเล็ก Lowercase เสมอ)
- <LI> เป็น Tag หน้าหัวข้อย่อย (จะปิดท้ายด้วย </LI> หรือไม่ก็ได้) ตัวอย่างดังนี้
<OL>
<LI> หัวข้อย่อย 1
<LI> หัวข้อย่อย 1 </LI>
</OL>
- คำสั่งแสดงหัวข้อย่อยเหล่านี้สามารถใช้ซ้อนคำสั่งกันได้ ซึ่งจะทำให้การแสดงผลเป็น หัวข้อย่อยลดหลั่นกันไปตามลำดับ
เราสามารถเพิ่มสีสรรให้กับเส้นด้วยการใส่คำสั่งส่วนขยายเป็น Color="ค่าสี" ตามที่เราต้องการแทนคำว่า Noshade
|