基本架構- <html>
- <head>
- <title>我的第一個HTML網頁</title>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- </head>
- <body>
- 大家好!
- </body>
- </html>
複製代碼 置中標題- <h1>大家好!</h1>
- <h2>大家好!</h2>
- <h3>大家好!</h3>
- <h4>大家好!</h4>
- <h5>大家好!</h5>
- <h6>大家好!</h6>
複製代碼 字型- <font size="7" color="red">大家好</font>
- <font face="標楷體" size="5" color="#000000">大家好</font>
複製代碼 換行 與 段落- 山不在高,<br />
- 有仙則名;<p />
- 水不在深,<br />
- 有龍則靈。<p />
複製代碼 斜體, 粗體, 底限, 刪除線, 上標, 與 下標- <i>斜體</i>
- <b>粗體</b>
- <u>底線</u>
- <s>刪除線</s>
- <sup>上標</sup>
- <sub>下標</sub>
複製代碼 無序號項目清單- <ul>
- <li>螢幕</li>
- <li>主機</li>
- <li>鍵盤</li>
- <li>滑鼠</li>
- </ul>
- <ul type=disc><li>實心圓點</li></ul>
- <ul type=circle><li>空心圓點</li></ul>
- <ul type=square><li>實心方塊</li></ul>
複製代碼 有序號項目清單- <ol>
- <li>螢幕</li>
- <li>主機</li>
- <li>鍵盤</li>
- <li>滑鼠</li>
- </ol>
- <ol type=A><li>ABC</li></ol>
- <ol type=a><li>abc</li></ol>
- <ol type=I><li>I II III</li></ol>
- <ol type=i><li>i ii iii</li></ol>
複製代碼 表格- <table width="50%" height="200" border="3" bordercolor="red">
- <caption>標題</caption>
- <tr><td>列一行一</td><td>列一行二</td></tr>
- <tr><td>列二行一</td><td>列二行二</td></tr>
- </table>
複製代碼 表格欄位對齊- <table width="100" height="200">
- <caption>標題</caption>
- <tr align="center" valign="middle"><td>列一行一</td><td>列一行二</td></tr>
- <tr align="left" valign="top"><td>列二行一</td><td>列二行二</td></tr>
- <tr align="right" valign="bottom"><td>列三行一</td><td>列三行二</td></tr>
- </table>
複製代碼 表格欄位合併- <td colspan="2"></td>
- <td rowspan="3"></td>
複製代碼 |