สร้างลิงค์เมนูบาร์จากตาราง (ภาษา Html), CODE Table Menu Bar Html

SmartMathsTutor – Code Table Menu Bar Html

15.1

กดขยายรูป

<center> <table bgcolor="#CCCCCC" border="2" bordercolor="#ff0000" cellspacing="1" style="width: 1800px;">   <colgroup><col align="center" />   <col align="left" />   <col align="right" />    </colgroup><thead> <tr>     <th bgcolor="#FFFF00" width="20%"><span style="line-height: 25pt; mso-ansi-language: en-us; mso-ascii-theme-font: major-bidi; mso-bidi-language: th; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: calibri; mso-fareast-language: en-us; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: major-bidi;"><span style="font-family: Angsana New;"><span style="font-size: 22pt;"><span lang="TH">สารบัญบทความทั้งหมด</span></span></span></span></th>     <th bgcolor="#FFFFFF" width="20%"><span style="line-height: 25pt; mso-ansi-language: en-us; mso-ascii-theme-font: major-bidi; mso-bidi-language: th; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: calibri; mso-fareast-language: en-us; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: major-bidi;"><span style="font-family: Angsana New;"><span style="font-size: 22pt;"><span style="color: red;">A.</span> <span lang="TH" style="font-weight: normal;"><a href="http://smartmathstutor.blogspot.com/p/5_14.html"><b>บทเรียนคณิตศาสตร์</b></a></span></span></span></span></th>     <th bgcolor="#FFFFFF" width="20%"><span style="line-height: 25pt; mso-ansi-language: en-us; mso-ascii-theme-font: major-bidi; mso-bidi-language: th; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: calibri; mso-fareast-language: en-us; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: major-bidi;"><span style="font-family: Angsana New;"><span style="font-size: 22pt;"><span style="color: red;">B.</span> <span lang="TH" style="font-weight: normal;"><a href="http://smartmathstutor.blogspot.com/p/b.html"><b>วิธีพัฒนาตัวเอง I.Q. ฯลฯ </b></a></span></span></span></span></th>     <th bgcolor="#FFFFFF" width="20%"><span style="line-height: 25pt; mso-ansi-language: en-us; mso-ascii-theme-font: major-bidi; mso-bidi-language: th; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: calibri; mso-fareast-language: en-us; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: major-bidi;"><span style="font-family: Angsana New;"><span style="font-size: 22pt;"><span style="color: red;">C.</span> <span lang="TH" style="font-weight: normal;"><a href="http://smartmathstutor.blogspot.com/p/blog-page_27.html"><b>รู้ไว้มีสุข – บทความสุขภาพ</b></a></span></span></span></span></th>     <th bgcolor="#FFFFFF" width="20%"><span style="line-height: 25pt; mso-ansi-language: en-us; mso-ascii-theme-font: major-bidi; mso-bidi-language: th; mso-bidi-theme-font: major-bidi; mso-fareast-font-family: calibri; mso-fareast-language: en-us; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: major-bidi;"><span style="font-family: Angsana New;"><span style="font-size: 22pt;"><span style="color: red;">D.</span> <span lang="TH" style="font-weight: normal;"><a href="http://smartmathstutor.blogspot.com/p/24.html"><b>อยากเป็นนักเขียน – วิธีพัฒนาการใช้ภาษา</b></a></span></span></span></span></th> </tr> </thead>  </table> </center>

ผลลัพธ์ของ Code

สารบัญบทความทั้งหมด	A. บทเรียนคณิตศาสตร์	B. วิธีพัฒนาตัวเอง I.Q. ฯลฯ	C. รู้ไว้มีสุข – บทความสุขภาพ	D. อยากเป็นนักเขียน – วิธีพัฒนาการใช้ภาษา

อ้างอิง : http://www.enjoyday.net/webtutorial/html/html_chapter12.html