โค้ด: เลือกทั้งหมด
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>
<body>
<ul>
<li><a href="#ลิงค์ที่ต้องการให้ไป">หน้าหลัก</a></li>
<li><a href="#ลิงค์ที่ต้องการให้ไป">ความรู้ทั่วไป</a></li>
<li><a href="#ลิงค์ที่ต้องการให้ไป">ติดต่อสอบถาม</a></li>
<li><a href="#ลิงค์ที่ต้องการให้ไป">สมัครสมาชิก</a></li>
</ul>
</body>
</html>-------------------------------------------------------------------------
- 1.jpg (12.07 KiB) Viewed 636 times
CSS การสร้างลิงค์ให้ list ให้อยู่ในแถวเดียวกัน
โค้ด: เลือกทั้งหมด
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0; //ระยะห่างจากด้านบน
padding: 0; //ระยะห่างจากด้านซ้าย
}
li {
display: inline; //แสดงรายการในหนึ่งบรรทัด
}
</style>
</head>
<body>
<ul>
<li><a href="#ลิงค์ที่ต้องการให้ไป">หน้าหลัก</a></li>
<li><a href="#ลิงค์ที่ต้องการให้ไป">ความรู้ทั่วไป</a></li>
<li><a href="#ลิงค์ที่ต้องการให้ไป">ติดต่อสอบถาม</a></li>
<li><a href="#ลิงค์ที่ต้องการให้ไป">สมัครสมาชิก</a></li>
</ul>
</body>
</html>------------------------------------------------------------------
- 2.jpg (11.82 KiB) Viewed 636 times