ตอนที่ 35 : การใช้แท็ก tr และ td 4

Posted by on วันศุกร์ที่ 7 กุมภาพันธ์ พ.ศ. 2557

 การใช้แท็ก tr และ td ร่วมกัน เป็นการสร้างตารางโดยใช้แท็ก tr และ td ร่วมกัน ในบทนี้ผมจะเขียนเป็นแถว และคอรั่ม แบบ 3*4 โดย 3 แถว 4 คอรั่ม เพือให้เห็นความแตกต่างและวิธีการใช้งาน











<table border="1">
   <tr>
      <td>แถว 1.1</td>
      <td>แถว 1.2</td>
      <td>แถว 1.3</td>
      <td>แถว 1.4</td>
   </tr>
   <tr>
      <td>แถว 2.1</td>
      <td>แถว 2.2</td>
      <td>แถว 2.3</td>
      <td>แถว 2.4</td>
   </tr>
   <tr>
      <td>แถว 3.1</td>
      <td>แถว 3.2</td>
      <td>แถว 3.3</td>
      <td>แถว 3.4</td>
   </tr>
</table>

อันนี้เป็นแท็กสำหรับทำเป็นตาราง
ในการทำตารางยังสามารถใช้ในการจัดเรียงหน้าเว็บไซต์ ให้เป็นระเบียบ สามารถกำหนดความกว้าง - สูงได้ด้วยคำสั่ง
width="จำนวน px" และ height="จำนวน px" และยังสามารถกำหนดเส้นขอบได้ด้วยการแก้ border="ตรงนี้"

Leave a Reply

PGM. ขับเคลื่อนโดย Blogger.