วันจันทร์ที่ 16 กรกฎาคม พ.ศ. 2555

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

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


<FONT FACE="font name หรือ typeface">..........</FONT>

     เป็นการกำหนดฟอนต์ของตัวอักษรในเว็บเพจ ซึ่งเราสามารถกำหนดได้ด้วยคุณสมบัติที่ชื่อว่า FACE และตามด้วยชื่อฟอนต์ที่เราต้องการ เอกสารเว็บอนุญาตให้กำหนดฟอนต์ ได้หลายฟอนต์ โดยเบราเซอร์จะมีการตรวจสอบการใช้ฟอนต์ให้อัตโนมัติ
  • ฟอนต์สำหรับข้อความภาษาไทย/อังกฤษ ที่เหมาะสมได้แก่ MS Sans Serif, Microsoft Sans Serif, Thonburi
  • ฟอนต์สำหรับข้อความภาษาอังกฤษที่เหมาะสม คือ Arial, Helvetica, sans-serif

    รูปแบบแท็ก code 


   
  ผลลัพธ์ที่ได้


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

  อธิบายคำสั่ง

<FONT SIZE=ขนาดตัวอักษร> เป็นคำสั่งที่ใช้กำหนดขนาดตัวอักษรที่จะใช้ในเว็บเพจ
ขนาดตัวอักษร                        สามารถกำหนดได้ตั้งแต่ 1-7
</FONT>                             เป็นคำสั่งปิดที่ต้องใช้คู่กันเสมอ

   รูปแบบแท็ก code





     ผลลัพธ์ที่ได้


สีตัวอักษร

   อธิบายคำสั่ง

<FONT COLOR="ชื่อสี"> เป็นคำสั่งที่ใช้กำหนดสีให้กับตัวอักษรที่จะใช้ในเว็บเพจ
</FONT> เป็นคำสั่งปิดที่ต้องใช้คู่กันเสมอ


































ชื่อสีที่ใช้สามารถใช้ชื่อสีเช่น Blue, White, Red หรือจะใช้เป็นรหัสสีตามเลขฐาน 16 ก็ได้
เช่น #66FFFF, FFFF99, FFCCFF เป็นต้น


    รูปแบบแท็ก code



    ผลลัพธ์ที่ได้


ตัวหนา       <B></B> เป็นคำสั่งที่ใช้กำหนดรูปแบบตัวอักษร-ตัวเข้ม

ตัวเอียง      <I></I> เป็นคำสั่งที่ใช้กำหนดรูปแบบตัวอักษร-ตัวเอียง

ตัวขีดค่า    <S></S> เป็นคำสั่งที่ใช้กำหนดรูปแบบตัวอักษร-ตัวขีดฆ่า

ขีดเส้นใต้   <U></U> เป็นคำสั่งที่ใช้กำหนดรูปแบบตัวอักษร-ตัวขีดเส้นใต้

ตัวยก         <SUP></SUP>  เป็นคำสั่งที่ใช้กำหนดรูปแบบ Super Script

ตัวห้อย       <SUB></SUB>  เป็นคำสั่งที่ใช้กำหนดรูปแบบ Sub Script

 
    รูปแบบแท็ก code

     

    ผลลัพธ์ที่ได้



ตัวอักษรวิ่ง (Marquee)
  <MARQUEE>ตัวอักษรวิ่ง</MARQUEE>
 
ตัวอักษรกระพริบ (Blink)ใช้ได้เฉพาะ Netscape Navigator
  <BLINK>ตัวอักษรกระพริบ</BLINK>

    รูปแบบแท็ก code 

<HTML>
<HEAD>
             <TITLE>การกำหนดตัวอักษรกระพริบ</TITLE>
</HEAD>
<BODY text="red">
     <Blink>COMPUTER</Blink>

     แสดงผลได้ในเฉพาะ Netscscape
 <BODY>
</HTML>

หมายเหตุ  ในการกำหนดตัวอักษรกระพริบนั้น เราไม่สามารถเปิดในโปรแกรมเว็บเบราเซอร์ที่เป็น Internet Explorer ได้

การจัดวางตำแหน่งข้อความ

    อธิบายคำสั่ง
<P> เป็นการสั่งให้ขึ้นย่อหน้าใหม่ (ปกติจะอยู่ชิดซ้ายเสมอ)
<P ALIGN=LEFT> กำหนดให้ข้อความอยู่ชิดด้านซ้าย
<P ALIGN=CENTER> กำหนดให้ข้อความอยู่กึ่งกลางเอกสาร
<P ALIGN=RIGHT> กำหนดให้ข้อความอยู่ชิดด้านขวา
</P> เป็นคำสั่งปิดที่ต้องใช้คู่กันเสมอ (เมื่อใช้ <P ALIGN>)

    รูปแบบแท็ก code




    ผลลัพธ์ที่ได้




แหล่งที่มา
10 กรกฎาคม 2555