29 สิงหาคม 2557

สร้าง Table ใน HTML

สร้าง Table ใน HTML

<table>   </table> สร้างตาราง
<tr>   </tr>  สร้างแถว
<td>   </td> สร้างคอลัมน์
<tbody>   </tbody> คล่อมตารางทั้งหมด

border="1" ความหนาของขอบเส้น
cellpadding="2"  ขนาดของเส้นรอบใน
cellspacing="2" ขนาดของเส้นชิดใน
style="color: #4c1130; text-align: center;" ใส่สีตัวหนังสือตาราง; อักษรจัดให้อยู่กึ่งกลาง
bgcolor="#FF6600"
background=.............url.............. ใส่ภาพเป็นพื้นหลังในตาราง
width="30%" ขนาดกว้างของคอลัมน์


<table border="1" cellpadding="2" cellspacing="2" style="color: #4c1130; text-align: center;">
<tbody>
<tr>
<td width="30%">LIKE</td>
<td width="30%">LOVE</td>
<td width="30%">LOOK</td>
</tr>
<tr>
<td width="30%">CHOCOLATE</td>
<td width="30%">WORLD</td>
<td width="30%">CUTE</td>
</tr>
</tbody></table>

แสดงผล

LIKE LOVE LOOK
CHOCOLATE WORLD CUTE

style="border:3px dashed #FF6600; width: 90%px;" ความหนาของเส้นขอบเป็น 3px
เปลี่ยนสีได้ เช่น dotted hotpink

พิมพ์ตรงนี้จิ

พิมพ์ตรงนี้จิ

<td style="border: 3px dashed white;"></td> เส้นขอบในช่องข้อความ
<table width=90% style="border:3px dashed #FF6600;" cellspacing="5" bgcolor="#FF6600" cellpadding="5"><tr><td style="border:3px dashed white;" bgcolor="white" background=http://diary.yenta4.com/diary_folder/53229/53229_uploaded/BG/bk64r-05.gif>พิมพ์ตรงนี้จิ</td></tr></table>
------------------------------------------
<center>
<table border="1" cellpadding="2" cellspacing="2" style="border: 3px dashed #EE7621; color: #723e19; text-align: left; width: 600px;">
<tbody>
<tr><td bgcolor="#FFE7BA">Check Row</td></tr>
</tbody></table>
</center>


---------------------------------------- pink |_

Check Row


---------------------------------------- blue |_
Check Row

ไม่มีความคิดเห็น:

แสดงความคิดเห็น