การแทรกรูปภาพ

รู ป แ บ บ แ ท็ ก

 

{ -- แบ่งได้ 3 ประเภท -- }

- ระบุด้วย Tag img <img src = "=ชื่อรูปภาพ">

* ต้องระบุด้วยว่า รูปภาพนั้นเป็นนามสกุลอะไร เช่น ชื่อรูป .jpg .gif .jpeg

 โค้ด

      แสดงผล

- ถ้าไฟล์รูปภาพไม่ได้เก็บไว้ในตำแหน่งเดียวกันกับเอกสาร จะต้องระบุตำแหน่งของรูปภาพไว้หน้าชื่อรูปภาพด้วย เช่น 

<img src = "pictures/sunset.jpg">

โค้ด

 แสดงผล

- เป็นรูปที่เอามาจาก Website จะเป็นรูปแบบดังนี้ 

   <img src = "URLของรูปภาพ">

โค้ด

แสดงผล

 

 ก า ร กำ ห น ด ข น า ด รู ป ภ า พ

ความกว้างจะใช้คำว่า "WIDTH" ความสูงจะใช้คำว่า "HEIGHT" 

{ -- รูปแบบ Tag -- }

<img src = "ชื่อรูปภาพ" WIDTH = "ขนาดของความกว้าง" HEIGHT = "ขนาดของความสูง">

{ -- การกำหนดรูปภาพอยู่ตรงกลาง -- }

จะใช้คำว่า " CENTER " เช่น <CENTER><img src = "ชื่อรูปภาพ"></CENTER>

โค้ด

แสดงผล

อ้างอิง google.com บล็อกหมูอ้วน

28 สิงหาคม 2555

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

                                 

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

คำสั่ง เป็นการกำหนดชนิดของตัวอักษร ชนิดของตัวอักษรจะใช้ตามชื่อตามโปรแกรม Word และเมื่อจบประโยคจะต้องจบด้วย รูปแบบคำสั่ง ...ข้อความ...

รูปแบบคำสั่ง 

การเขียนข้อความ

    <FONT>"...ข้อความ..."</FONT>

การเขียนข้อความแบบกำหนดรูปแบบตัวอักษร

    <FONT FACE = “รูปแบบตัวอักษร”>...ข้อความ...</FONT>

รูปแบบโค้ด

แสดงผล

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

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

รูปแบบคำสั่ง

<FONT SIZE = “เลข (-7 ถึง +7)” > …ข้อความ... </FONT>

รูปแบบโค้ด

 

แสดงผล

สีตัวอักษร

คำสั่ง <FONT COLOR> ใช้กำหนดสีตัวอักษร

          

รูปแบบคำสั่ง 

<FONT COLOR="n">ข้อความ</FONT>

** n คือ ชื่อสีมาตรฐานต่างๆ เช่น Red,Green,Blue

หรือ

** n คือ รหัสสี (รหัสเลขฐาน 16) เช่น #000000 , #FFFFFF ฯลฯ

ตัวอย่างเลขฐาน 16

รูปแบบโค้ด

แสดงผล

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

การกำหนดตัวอักษรให้มีลักษณะเป็นตัวหนา (Bold text), ตัวเอียง (Italic text) และ ตัวขีดเส้นใต้ (Underlined text) มีรูปแบบคำสั่งดังนี้

กำหนดตัวอักษรเป็นตัวหนา

                        

รูปแบบคำสั่ง   

<B> …</B>

รูปแบบโค้ด

แสดงผล

กำหนดตัวอักษรเป็นตัวเอียง

                       

รูปแบบคำสั่ง   

<I> …</I>

รูปแบบโค้ด

แสดงผล

กำหนดตัวอักษรเป็นตัวขีดเส้นใต้

 รูปแบบคำสั่ง   

<U> …</U>

รูปแบบโค้ด

แสดงผล

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

กำหนดตัวอักษรเป็นตัวขีดฆ่า

       รูปแบบคำสั่ง   

<S> …</S>

รูปแบบโค้ด

แสดงผล

กำหนดตัวอักษรเป็นตัวอักษรยกขึ้น

      รูปแบบคำสั่ง  

<SUP> …</SUP>

รูปแบบโค้ด

แสดงผล

 กำหนดตัวอักษรเป็นตัวอักษรห้อย

      รูปแบบคำสั่ง   

<SUB> …</SUB>

รูปแบบโค้ด

แสดงผล

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

กำหนดตัวอักษรเป็นตัวอักษรวิ่ง

                        รูปแบบคำสั่ง   

                     <MARQUEE>...</MARQUEE>

               รูปแบบโค้ด

             แสดงผล

Tono

กำหนดตัวอักษรเป็นตัวอักษรกระพริบ

                        รูปแบบคำสั่ง  

                       <BLINK>...</BLINK> 

  รูปแบบโค้ด

             

 แสดงผล

Tono

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

เป็นการกำหนดให้ข้อความอยู่ชิดซ้าย ชิดขวา หรือตรงกลาง หน้ากระดาษ ตามที่เราต้องการ

  รูปแบบคำสั่ง 

<P ALIGN="LEFT/CENTER/RIGHT">ข้อความ</P>

รูปแบบโค้ด

แสดงผล

..Guest..

วันที่อ้างอิง 1 ส.ค. 55