สรุปคำสั่ง html (2)
1).<TABLE> คำสั่งในการสร้างตาราง ใช้ควบคู่กับแท็ก <TR> และ <TD> เสมอ
1.1 <TABLE> คำสั่งเปิดตาราง
1.2 <TR> แถว
1.3 <TD> ข้อความ </TD> คอลัมน์
1.4 </TR> จบแถว
1.5 </TABLE> คำสั่งจบตาราง
1.6<TABLE WIDTH= “20%” > กำหนดความกว้างของตาราง
1.7<TABLE HEIGHT = “20%” > กำหนดความสูงของตาราง
1.8<TABLE ALIGN = “CENTER” > กำหนกลักษระการวางตาราง ซ้าย กลาง ขวา
2.) การสร้างเฟรมด้วยคำสั่ง html
ส่วนที่ 1 ส่วนหัวเว็บ ตั้งชื่อเว็บว่า top.html
<html>
<head>
<title>ส่วนด้านบน</title>
</head>
<body bgcolor=”skyblue”>
<center><b>ส่วนนี้เป็นส่วนของชื่อเว็บของเราหรือชื่อเรื่องของเว็บนั้น</b></center>
</body>
</html>
<head>
<title>ส่วนด้านบน</title>
</head>
<body bgcolor=”skyblue”>
<center><b>ส่วนนี้เป็นส่วนของชื่อเว็บของเราหรือชื่อเรื่องของเว็บนั้น</b></center>
</body>
</html>
ส่วนที่ 2 ส่วนด้านซ้าย (ส่วนเมนู) ตั้งชื่อเว็บว่า left.html
<html>
<head>
<title>ส่วนด้านซ้าย</title>
</head>
<body bgcolor=”skyblue”>
<center><b>ส่วนนี้เป็นส่วนของเมูเนื้อหาของเว็บของเรา</b></center>
<b><font color=”blue”>เมนู</font></center></b>
<ul>
<li><a href=”list.html” target=”main”>การสร้างลิสต์รายการ</a></li>
<li><a href=”table.html” target=”main”>การสร้างตาราง</a></li>
</ul>
</body>
</html>
<head>
<title>ส่วนด้านซ้าย</title>
</head>
<body bgcolor=”skyblue”>
<center><b>ส่วนนี้เป็นส่วนของเมูเนื้อหาของเว็บของเรา</b></center>
<b><font color=”blue”>เมนู</font></center></b>
<ul>
<li><a href=”list.html” target=”main”>การสร้างลิสต์รายการ</a></li>
<li><a href=”table.html” target=”main”>การสร้างตาราง</a></li>
</ul>
</body>
</html>
ส่วนที่ 3 ส่วนด้านขวา (ส่วนเนื้อหา) ตั้งชื่อเว็บว่า main.html
<html>
<head>
<title>ส่วนเนื้อหา</title>
</head>
<body bgcolor=”white”>
<center><b>ส่วนนี้เป็นส่วนยินดีต้อนรับเข้าสู่เว็บของเรา ส่วนแนะนะเนื้อหา สรุปเนื้อหาและส่วนแรกเวลาต้องการให้ผู้ชมทราบเกี่ยวกับเว็บของเรา</b></center>
</body>
</html>
<html>
<head>
<title>ส่วนเนื้อหา</title>
</head>
<body bgcolor=”white”>
<center><b>ส่วนนี้เป็นส่วนยินดีต้อนรับเข้าสู่เว็บของเรา ส่วนแนะนะเนื้อหา สรุปเนื้อหาและส่วนแรกเวลาต้องการให้ผู้ชมทราบเกี่ยวกับเว็บของเรา</b></center>
</body>
</html>
ส่วนที่ 4 ส่วนด้านล่าง (ส่วน้ทายเว็บหรือผู้จัดทำ) ตั้งชื่อเว็บว่า bottom.html
<html>
<head>
<title>ส่วนด้านล่าง</title>
</head>
<body bgcolor=”yellow”>
<center><b>ส่วนนี้เป็นส่วนด้านล่างของเว็บ ประกอบด้วยชื่อผู้จัดทำ และติดต่อผู้จัดทำ</b></center>
</body>
</html>
<head>
<title>ส่วนด้านล่าง</title>
</head>
<body bgcolor=”yellow”>
<center><b>ส่วนนี้เป็นส่วนด้านล่างของเว็บ ประกอบด้วยชื่อผู้จัดทำ และติดต่อผู้จัดทำ</b></center>
</body>
</html>
หน้าแรก หน้าแสดงผลเฟรม หรือหน้ารวมเฟรม ตั้งชื่อว่า index.html
<html>
<head>
<title>ทดสอบการใช้งานเฟรม</title>
</head>
<frameset rows=”25%,*,20%” cols=”*”>
<frame src=”top.html” name=”top” id=”top” noresize=”noresize”>
<frameset cols=”25%,*”>
<frame src=”left.html” name=”left” id=”left” noresize=”noresize”>
<frame src=”main.html” name=”main” id=”main” noresize=”noresize”>
</frameset>
<frame src=”bottom.html” name=”main” id=”main” noresize=”noresize”>
</frameset>
</html>
<head>
<title>ทดสอบการใช้งานเฟรม</title>
</head>
<frameset rows=”25%,*,20%” cols=”*”>
<frame src=”top.html” name=”top” id=”top” noresize=”noresize”>
<frameset cols=”25%,*”>
<frame src=”left.html” name=”left” id=”left” noresize=”noresize”>
<frame src=”main.html” name=”main” id=”main” noresize=”noresize”>
</frameset>
<frame src=”bottom.html” name=”main” id=”main” noresize=”noresize”>
</frameset>
</html>
:)
Comments
Post a Comment