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

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

รูปแบบ tag code 

<font face="เลือกแบบอักษร">ข้อความ</font>

ตัวอย่างการเขียน

    

<font face="_Layiji MaHaNiYom V 1.2">Name Nidchada kosit</font>

<font face="05_ZZ Death Note 1.0">Nickname som</font> 

code ที่เขียนลงใน Note pad

แสดงผล code



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

รูปแบบ tag code 

        <font size="เลือกขนาดตัวอักษร">ข้อความ</font>

ตัวอย่างการเขียน

<font size="7">Name</font>

<font size="6">Nidchada</font>

<font size="5">kosit</font>

code ที่เขียนลงใน Note pad

แสดงผล code

 3.สีตัวอักษร

สามารถเขียนได้ 2 แบบคือ

1.สามารถระบุชื่อสีได้เลย  2.ใส่รหัส code สี (ใช้เพื่อต้องการสีที่ละเอียด สีเข้ม/สีอ่อน)

รูปแบบ tag code

  

         <font color="ระบุสี/code">ข้อความ</font>

ตัวอย่างการเขียน

   แบบระบุสี  <font color="Orange">Name som</font>
           <font color="Bule">My Favorite color : Pink</font>
   แบบcode <font color="D02090">No.22</font>

รหัส code สี

 code ที่เขียนลงใน Note pad

แสดงผล code

 

4.ตัวเอียง ตัวหนา ขีดเส้นใต้

รูปแบบ tag code

           ตัวเอียง  <I>ข้อความ</I>

           ตัวหนา  <B>ข้อความ</B>

           ขีดเส้นใต้ <U>ข้อความ</U>

ตัวอย่างการเขียน

                       <I>ตัวเอียง</I>

              <B>ตัวหนา</B>

              <U>ขีดเส้นใต้</U>

code ที่เขียนลงใน Note pad

แสดงผล code

                              

5.ตัวขีดฆ่า ตัวยก ตัวห้อย

รูปแบบ tag code

  ตัวขีดฆ่า  <del> ข้อความที่ต้องการขีดฆ่า </del><del> Nidchdad </del> 

  ตัวยก   <sup> ข้อความหรือตัวเลข<sup>ข้อความหรือตัวเลขที่ต้องการยก</sup

  ตัวห้อย  <sub> ตัวอักษรหรือตัวเลข_{ตัวอักษรหรือตัวเลขที่ต้องการห้อย}

ตัวอย่างการเขียน

<sup> 2²,3³

<sub> 2MnO₄,H₂

code ที่เขียนลงใน Note pad

แสดงผล code

6.ตัวอักษรวิ่ง ตัวอักษรกระพริบ

รูปแบบ tag code

ตัวอักษรวิ่ง    <Marquee>ข้อความ</Marquee>

อักษรกระพริบ  <Blink>ข้อความ</Blink>

ตัวอย่างการเขียน

ตัวอักษรวิ่ง    <Marquee>somlim</Marquee>

อักษรกระพริบ  <Blink>Nidchada kosit</Blink>

code ที่เขียนลงใน Note pad

แสดงผล code

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

รูปแบบ tag code

การจัดย่อหน้าแบบชิดซ้าย    <P Align=Left>ข้อความ</P>

การจัดย่อหน้าแบบกึ่งกลาง   <P Align=center>ข้อความ</P>

การจัดย่อหน้าแบบชิดขวา    <P Align=Right>ข้อความ</P>

ตัวอย่างการเขียน

การจัดย่อหน้าแบบชิดซ้าย    <P Align=Left>นางสาว</P>

การจัดย่อหน้าแบบกึ่งกลาง   <P Align=center>นิชดา</P>

การจัดย่อหน้าแบบชิดขวา    <P Align=Right>โกสิต</P

code ที่เขียนลงใน Note pad

แสดงผล code

วันที่ 15 กรกฏาคม 2555

แหล่งที่มา

http://www.webthaidd.com/html/webthaidd_article_290_.html