แบบฝึกหัดที่ 4 เรื่อง การสร้างตาราง

แบบที่ 1

<!DOCTYPE HTML>
<html>
<head>
<title>การสร้างตาราง</title>
<meta charset=”utf-8″ />
</head>
<body bgcolor=”skyblue”>
<table width=”50%” border=”1″ bgcolor=”white” align=”center” cellpadding=”0″ cellspacing=”0″>
<tr align=”center”><td>1</td><td>2</td></tr>
<tr align=”center”><td>3</td><td>4</td></tr>
</table>
</body>
</html>

ผลลัพธ์ที่ได้

t1


แบบที่ 2

<!DOCTYPE HTML>
<html>
<head>
<title>การสร้างตาราง</title>
<meta charset=”utf-8″ />
</head>
<body bgcolor=”skyblue”>
<table width=”50%” border=”1″ bgcolor=”yellow” align=”center” cellpadding=”0″ cellspacing=”0″>
<tr align=”center”><td colspan=”2″>1</td></tr>
<tr align=”center”><td>3</td><td>4</td></tr>
</table>
</body>
</html>

ผลลัพธ์ที่ได้

t2


แบบที่ 3

<!DOCTYPE HTML>
<html>
<head>
<title>การสร้างตาราง</title>
<meta charset=”utf-8″ />
</head>
<body bgcolor=”skyblue”>
<table width=”50%” border=”1″ bgcolor=”violet” align=”center” cellpadding=”0″ cellspacing=”0″>
<tr align=”center”><td rowspan=”2″>1</td><td>2</td></tr>
<tr align=”center”><td>3</td></tr>
</table>
</body>
</html>

ผลลัพธ์ที่ได้

t3

Posted on กรกฎาคม 23, 2016, in ภาษา HTML. Bookmark the permalink. ใส่ความเห็น.

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

%d bloggers like this: