วันเสาร์ที่ 31 สิงหาคม พ.ศ. 2556

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

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


 การกำหนดแบบอักษร
 1. ระบุด้วย Tag Font 
          รูปแบบคำสั่ง  <font>.....ข้อความ.....</font>
 2. ปรับรูปแบบ Font โดยการระบุ Attribute ดังนี้
            face = แบบตัวอักษร
            size  = ขนาดตัวอักษร
            color = สีตัวอักษร

การกำหนดรูปแบบตัวอักษร<FONT FACE>
           รูปแบบคำสั่ง <font face=”n”>...ข้อความ...</font> ซึ่ง n คือ font ที่   ต้องการ


ตัวอย่างโค้ด



ผลที่ได้




การกำหนดขนาดของตัวอักษร <FONT SIZE>
      การกำหนดขนาดตัวอักษร ในที่จะกล่าวถึงเพียงคำสั่งเดียวที่นิยมใช้กัน เพื่อป้องกันการสับสน คำสั่ง <FONT SIZE> ซึ่งจะมีระดับขนาดตัวอักษรตั้งแต่ -7 ถึง +7 ซึ่งตัวเลขยิ่งมากขนาดยิ่งใหญ่ และเมื่อจบประโยคหรือข้อความที่เราต้องการจะต้องจบด้วย </FONT>

      รูปแบบคำสั่ง <FONT SIZE = “number (-7 ถึง +7)” > …. </FONT>

ตัวอย่างโค้ด



ผลที่ได้







การกำหนดสีให้กับข้อความ<FONT COLOR>
     
     คำสั่ง <BODY TEXT> เป็นคำสั่งหนึ่งที่ใช้กำหนดสีให้กับข้อความ ซึ่งสามารถวางคำสั่งไว้ในส่วนระหว่าง </HEAD> กับ <BODY> หรือวางคำสั่งไว้หน้าข้อความที่เราต้องการ
         
         รูปแบบคำสั่ง 1
                  <FONT COLOR = รหัสสี เช่น "#306EFF> ข้อความ </FONT>
        
         รูปแบบคำสั่ง 2
                  <FONT COLOR = ชื่อสี เช่น "royal blue1"> ข้อความ </FONT>

ตัวอย่างโค้ด


ผลที่ได้




TAG อื่นๆที่ใช้ปรับแต่งตัวอักษร
   
   ตัวเอียง
          รูปแบบคำสั่ง <I>... (ข้อความ) ...</I>

   ตัวหนา
         รูปแบบคำสั่ง <B>... (ข้อความ) ...</B>

   ตัวขีดเส้นใต้
         รูปแบบคำสั่ง <U>... (ข้อความ) ...</U>


ตัวอย่างโค้ด

 




ผลที่ได้

    ตัวขีดฆ่า
          รูปแบบคำสั่ง <S>... (ข้อความ) ... </S>

    ตัวยกกำลัง
          รูปแบบคำสั่ง <SUP>... (ข้อความ)...</SUP>
    
    ตัวห้อย
      รูปแบบคำสั่ง <SUB>... (ข้อความ)...</SUB>

ตัวอย่างโค้ด




ผลที่ได้



    ตัวอักษรกระพริบ
           รูปแบบคำสั่ง <Blink>...(ข้อความ)...</Blink>
   ***สามารถเปิดดูผลได้ใน fire fox เท่านั้น***

      ตัวอักษรวิ่ง
           รูปแบบคำสั่ง <Marquee>...(ข้อความ)...</Marquee>

ตัวอย่างโค้ด




ผลที่ได้





อ้างอิง: สมุดวิชาคอมพิวเตอร์


ที่มา : http://www.sompongtaruwan.net/HTML/HTML.html

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

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