วันพฤหัสบดีที่ 12 กันยายน พ.ศ. 2556

...การแทรกตาราง...


 ระบุด้วย Tag ดังนี้
  
<table>......เนื้อหา...........</table>   
        ระบุว่าเนื้อหาที่อยู่ในแท็กจะอยู่ในตาราง
  <tr>............เนื้อหา............</tr>    
        ระบุว่าเนื้อหาที่อยู่ในแท็กจะอยู่ในแถวเดียวกัน
  <td>..........เนื้อหา.............</td>    
        ระบุว่าเนื้อหาที่อยู่ในแท็กจะอยู่ในเซลล์เดียวกัน

การปรับความกว้างตาราง
 width = "x" 
    x คือตัวเลขธรรมดาหรือเป็นเปอร์เซ็นต์ก็ได้

        Ex.  


การปรับความสูงตาราง
    height = "x"
         Ex.



     การใส่ขอบตาราง
       border ="x"
         Ex.            

การจัดตำแหน่งตาราง
     align = "x"
        Ex.      


การรวมเซลล์ Rowspan 
 คือ รวมเซลล์ในแถวที่ต้องการ
        rowspan = x
             x คือ จำนวนแถวที่ต้องการผสาน
       Ex.       



การรวมเซลล์ Colspan 
 คือ รวมเซลล์ในคอลัมน์ที่ต้องการ
        colspan = x
             x คือ จำนวนคอลัมน์ที่ต้องการผสาน
       Ex.       





อ้างอิง สมุดจดวิชาคอมพิวเตอร์เพิ่มเติม
วันที่ 6/09/56



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


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

Ex.    Tag
           result

กรณีภาพไม่ได้อยู่ที่ตำแหน่งเดียวกันกับไฟล์งาน ให้ระบุตำแหน่งที่อยู่ของรูปลงไปด้วย
Ex.   Tag         



การปรับความกว้างของภาพ

<img src "ชื่อภาพ" width =.....ตัวเลข.....>

Ex. Tag          

       Result     

การปรับความสูงของภาพ

<img src = "ชื่อภาพ" height =.........ตัวเลข........>

Ex.   Tag

         Result         
การจัดภาพให้อยู่ตรงกลาง

<center><img src ="ชื่อภาพ"></center>

Ex.   Tag  
         Result        

อ้างอิง สมุดจดวิชาคอมพิวเตอร์เพิ่มเติม
วันที่ 23/08/56

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

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

การกำหนดแบบอักษร ในการเขียนภาษา HTML
    ระบุด้วย Tag font
        <font>.......ข้อความ.......</font>

Attribute ของ font
     1. face = "x"    โดย x คือ รูปแบบ font ที่ต้องการ
Ex.     Tag
          Result

        2. size = "x"   โดย x คือ ขนาดตัวอักษรที่ต้องการ
  Ex.    Tag

            Result

      3.  color = "x"   โดย x คือ สีตัวอักษรที่ต้องการ
                - ระบุเป็นชื่อสี
Ex.      Tag
           Result
                           
                         - ระบุเป็นรหัสสี RGB
Ex.      Tag

           Result


Tag อื่นๆในการปรับแต่งตัวอักษร
  • ตัวเอียง
           <i>......ตัวเอียง.....</i>

Ex.      Tag
 
             
              Result

  • ตัวหนา
           <b>..........ตัวหนา............</b>
Ex.     Tag

         Result
  •  ตัวขีดเส้นใต้
            <u>........ตัวขีดเส้นใต้.........</u>
Ex.       Tag

               Result
  • ตัวขีดฆ่า
           <s>.......ตัวขีดฆ่า........</s>
Ex.      Tag

        Result
  • ตัวยกกำลัง
              <sup>..........ตัวยกกำลัง.............</sup>
Ex.      Tag    
        Result     
  • ตัวห้อย
             <sub>.........ตัวห้อย..........</sub>
Ex.      Tag

             Result
  • ตัวอักษรกระพริบ
             <blink>.........ตัวอักษรกระพริบ...........</blink>
Ex.      Tag  
  • ตัวอักษรวิ่ง
          <marquee>........ตัวอักษรวิ่ง.........</marquee>

Ex.  Tag  

        Result


Attribute ของ marquee

  1. คำสั่งทิศทางการวิ่ง
      - วิ่งจากขวาไปซ้าย
         direction = "left"
Ex.    Tag 

          Result
      - วิ่งจากซ้ายไปขวา
         direction = "right"
Ex.    Tag   
        Result
        - วิ่งจากล่างขึ้นบน
           direction = "up"
Ex.     Tag  

         Result
         - วิ่งจากบนลงล่าง
           direction = "down"
Ex.     Tag     
          Result
   2. ความเร็วในการวิ่ง
      scrollamount = "x"  โดย x คือ ตัวเลขกำหนดความเร็ว เลขยิ่งมากยิ่งวิ่งเร็ว
Ex.  Tag
     3. ระยะทางในการวิ่ง  
          width = "x"  โดย x คือ ตัวเลขเป็นพิกเซลหรือเปอร์เซ็นต์
Ex.    Tag 
 
            Result

    4. ตัวอักษรวิ่งไปวิ่งมา
         behavior ="alternate"
Ex.    Tag
         Result
     
    5. ตัวอักษรวิ่งและมีสีพื้นหลัง
         bgcolor = "x"  โดย x คือ ชื่อสีภาษาอังกฤษหรือรหัสสี RGB
Ex.    Tag

         

          Result

  •  การจัดวางตำแหน่งข้อความ
      - การจัดวางชิดซ้าย
           <p align = left>.........ข้อความ..........</p>
Ex.   Tag  
         Result
         - การจัดวางกึ่งกลาง
            <p align = center>.........ข้อความ..........</p>
Ex.      Tag
          Result
         
         - การจัดวางชิดขวา
            <p align = right>.........ข้อความ..........</p>
Ex.      Tag  
         Result


From... สมุดจดวิชาคอมพิวเตอร์เพิ่มเติม
                        31/08/2013