สวัสดีครับ ผมเดชา ธีระถกลเกียริ ครับ
ในบทความนี้ จะอธิบายถึงการสร้างตารางด้วยภาษา HTML กันครับ การสร้างตารางนั้น
ไม่ยุ่งยากครับ เราสามารถสร้าง และปรับแต่งได้ตามแบบฉบับที่เราต้องการได้เลยครับ
ว่าแล้วก็มาเริ่มกันเลยครับ Code ในการสร้างตารางแบบง่ายๆ ครับ
( เอาไปปรับแต่งได้ตามสะดวกเลยนะครับ )
**** จัดไปครับ ****
<html>
<head>
<title>การสร้างตารางด้วยภาษา HTML</title>
</head>
<body>
<table border="5">
<table align="center" width="360" hight="70" border=2 bordercolor="blue">
<caption><strong>การสร้างตารางอย่างง่ายๆ</strong></caption>
<tr>
<td>การสร้างตารางแบบ 1 แถว 1 คอลัมน์</td>
<td>การสร้างตารางแบบ 1 แถว 1 คอลัมน์</td>
</tr>
<tr>
<td>การสร้างตารางแบบ 2 แถว 2 คอลัมน์</td>
<td>การสร้างตารางแบบ 2 แถว 2 คอลัมน์</td>
</tr>
<tr>
<td>การสร้างตารางแบบ 3 แถว 3 คอลัมน์</td>
<td>การสร้างตารางแบบ 3 แถว 3 คอลัมน์</td>
</tr>
</table>
</body>
</html>
ตัวอย่างการสร้างตาราง
| การสร้างตารางแบบ 1 แถว 1 คอลัมน์ | การสร้างตารางแบบ 1 แถว 1 คอลัมน์ |
| การสร้างตารางแบบ 2 แถว 2 คอลัมน์ | การสร้างตารางแบบ 2 แถว 2 คอลัมน์ |
| การสร้างตารางแบบ 3 แถว 3 คอลัมน์ | การสร้างตารางแบบ 3 แถว 3 คอลัมน์ |
ขอบคุณมากครับ
ตอบลบ