เฉลยแบบทดสอบ การสร้างเว็บด้วยภาษา HTML 
หน้าโฮมเพจ 
บันทึกชื่อ index.html 
<html> 
<head> 
<title>อุปกรณ์คอมพิวเตอร์</title> 
</head> 
<body background="pic/bg.jpg"> 
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="white"> 
<tr><td colspan="2"><center><img src="pic/banner.jpg"></center></td></tr> 
<tr><td width="25%"><center><b><u><font size="3">เมนู</font></u></b></center> 
<ul> 
<li><a href="mouse.html">เมาส์</li> 
</ul> 
<br /> 
<center><b><u><font size="3">Weblink</font></u></b></center> 
<ul> 
<li><a href="http://krupiyadanai.wordpress.com" target="_blank">เรียน ICT ง่าย ง่าย สไตล์ครูปิยะดนัย </a></li> 
</ul> 
</td> 
<td><center><b>คอมพิวเตอร์</b></center><br /> 
<dd>คอมพิวเตอร์เกิดจากการนาเอาอุปกรณ์ต่าง ๆ มาประกอบเข้าด้วยกันเพื่อให้สามารถใช้งานได้ที่เรียกว่า คอมพิวเตอร์แบบตั้งโต๊ะ</dd> 
<center><img src="pic/10240872_0.jpg" width="50%"></center><br /><br /></td></tr> 
<tr bgcolor="skyblue"><td colspan="2"><b><center>ผู้จัดทา</b><br /> 
.............................................................................<br /> 
</center></td></tr> 
</body> 
</html>
หน้าเมาส์ 
บันทึกชื่อ mouse.html 
<html> 
<head> 
<title>เมาส์</title> 
</head> 
<body background="pic/bg.jpg"> 
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="white"> 
<tr><td colspan="2"><center><img src="pic/banner.jpg"></center></td></tr> 
<tr><td><center><b>เมาส์</b></center><br /> 
<center><img src="pic/images.jpg" width="15%"></center> 
<dd>อุปกรณ์รับข้อมูลที่นิยมรองจากคีย์บอร์ด เมาส์จะช่วยในการบ่งชี้ตาแหน่งว่าขณะนี้กาลังอยู่ ณ จุดใด บนจอภาพ เรียกว่า "ตัวชี้ตาแหน่ง (Pointer)" ซึ่งอาศัยการเลื่อนเมาส์ แทนการกดปุ่มบังคับทิศทางบน คีย์บอร์ด</dd> 
<br /> 
<center><a href="index.html">กลับหน้าจอหลัก</a></center><br /><br /></td></tr> 
<tr bgcolor="skyblue"><td><b><center>ผู้จัดทา</b><br /> 
.............................................................................<br /> 
</center></td></tr> 
</body> 
</html>

เฉลยแบบทดสอบ html

  • 1.
    เฉลยแบบทดสอบ การสร้างเว็บด้วยภาษา HTML หน้าโฮมเพจ บันทึกชื่อ index.html <html> <head> <title>อุปกรณ์คอมพิวเตอร์</title> </head> <body background="pic/bg.jpg"> <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="white"> <tr><td colspan="2"><center><img src="pic/banner.jpg"></center></td></tr> <tr><td width="25%"><center><b><u><font size="3">เมนู</font></u></b></center> <ul> <li><a href="mouse.html">เมาส์</li> </ul> <br /> <center><b><u><font size="3">Weblink</font></u></b></center> <ul> <li><a href="http://krupiyadanai.wordpress.com" target="_blank">เรียน ICT ง่าย ง่าย สไตล์ครูปิยะดนัย </a></li> </ul> </td> <td><center><b>คอมพิวเตอร์</b></center><br /> <dd>คอมพิวเตอร์เกิดจากการนาเอาอุปกรณ์ต่าง ๆ มาประกอบเข้าด้วยกันเพื่อให้สามารถใช้งานได้ที่เรียกว่า คอมพิวเตอร์แบบตั้งโต๊ะ</dd> <center><img src="pic/10240872_0.jpg" width="50%"></center><br /><br /></td></tr> <tr bgcolor="skyblue"><td colspan="2"><b><center>ผู้จัดทา</b><br /> .............................................................................<br /> </center></td></tr> </body> </html>
  • 2.
    หน้าเมาส์ บันทึกชื่อ mouse.html <html> <head> <title>เมาส์</title> </head> <body background="pic/bg.jpg"> <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="white"> <tr><td colspan="2"><center><img src="pic/banner.jpg"></center></td></tr> <tr><td><center><b>เมาส์</b></center><br /> <center><img src="pic/images.jpg" width="15%"></center> <dd>อุปกรณ์รับข้อมูลที่นิยมรองจากคีย์บอร์ด เมาส์จะช่วยในการบ่งชี้ตาแหน่งว่าขณะนี้กาลังอยู่ ณ จุดใด บนจอภาพ เรียกว่า "ตัวชี้ตาแหน่ง (Pointer)" ซึ่งอาศัยการเลื่อนเมาส์ แทนการกดปุ่มบังคับทิศทางบน คีย์บอร์ด</dd> <br /> <center><a href="index.html">กลับหน้าจอหลัก</a></center><br /><br /></td></tr> <tr bgcolor="skyblue"><td><b><center>ผู้จัดทา</b><br /> .............................................................................<br /> </center></td></tr> </body> </html>