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

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

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

รูปแบบ Code

- <Font face = "รูปแบบของ font ที่ต้องการ " > ข้อความที่ต้องการแสดง </Font>

Example  

<Font face = "Ansana New" >Super junior</Font>

<Font face = "Monotype Corsiva" >Super junior</Font>

<Font face = "Giddyup Std" >Super junior</Font>

Code

Answer

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

รูปแบบ Code

-  <font size="ขนาดตัวเลข" > ข้อความที่ต้องการแสดง </font> 

Example

<Font size="2" >Big Bang</Font>    

<Font size="5" >Big Bang</Font>     

<Font size="7" >Big Bang</Font>   

Code

Answer

สีตัวอักษร

รูปแบบ Code

- <font color="กำหนดสีที่ต้องการ" > ข้อความที่ต้องการแสดง </font>  

                                                                       Example

<Font color="Pink" >Color</Font>                       

<Font color="Blue" >Color</Font>            

<Font color="Green" >Color</Font>        

Code 

Answer

สีตัวอักษรแบบรหัส Code

รูปแบบ Code

- <Font color = รหัสสีที่ต้องการ > ข้อความที่ต้องการแสดง </Font>

Example

<font color = #33FF99>HEART' BEAT</font>

<font color = #3300CC>HEART' BEAT</font>

<font color = #FFCC99>HEART' BEAT</font>

Code

Answer

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

รูปแบบ Code

- ตัวเอียง     <I>ข้อความที่ต้องการแสดง</I>

- ตัวหนา      <B>ข้อความที่ต้องการแสดง</B>

- ขีดเส้นใต้  <U>ข้อความที่ต้องการแสดง</U>

  Example

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

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

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

Code

Answer

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

รูปแบบ Code

- ตัวขีดฆ่า

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

- ตัวยก     

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

- ตัวห้อย     

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

Example

<del> อักษรขีดฆ่า </del>                                                                               

<sup> ตัวยก 9²,7³                         

<sub> ตัวห้อย H₂O,CH₃COOH     

Code

Answer

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

รูปแบบ Code

- ตัวอักษรวิ่ง <Marquee>ตัวอักษรหรือข้อความที่ต้องการให้วิ่ง</Marquee>
-ตัวอักษรกระพริบ <Blink>ตัวอักษรหรือข้อความที่ต้องการให้กระพริบ</Blink>

Example

<Marquee>...JaMaGaTaRo...</Marquee>           

<Blink>...JaMaGaTaRo...</Blink>   

Code

Answer 

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

รูปแบบ Code

-การจัดย่อหน้าแบบชิดซ้าย    <P Align=Left>ข้อความที่ต้องการจัดตำแหน่ง</P>
- การจัดย่อหน้าแบบกึ่งกลาง  <P Align=center>ข้อความที่ต้องการจัดตำแหน่ง</P>
- การจัดย่อหน้าแบบชิดขวา   <P Align=Right>ข้อความที่ต้องการจัดตำแหน่ง</P>

Example

<P Align=Left>...Donghae...</P>

<P Align=center>...Donghae...</P>
<P Align=Right>...Donghae...</P>

Code

Answer

ที่มา : http://www.enjoyday.net/webtutorial/html/html_chapter10.html

          http://meepooh23.multiply.com/journal/item/10/?&show_interstitial=1&u=%2Fjournal%2Fitem

วันที่ 8 กรกฎาคม 2555 :)

By. Thranthip