標題:
HTML語法基礎
[打印本頁]
作者:
tonyh
時間:
2014-2-11 19:26
標題:
HTML語法基礎
本帖最後由 tonyh 於 2014-2-11 19:29 編輯
基本架構
<html>
<head>
<title>我的第一個HTML網頁</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
大家好!
</body>
</html>
複製代碼
置中
<center>大家好!</center>
複製代碼
標題
<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>
複製代碼
分隔橫線
<hr />
<hr color="blue" size="3" align="center" />
複製代碼
超連結
<a href="../index.html">相對路徑</a>
<a href="2.html">相對路徑</a>
<a href="http://tw.yahoo.com/">絕對路徑</a>
<a href="http://google.com" target=_blank>於新視窗開啟</a>
複製代碼
圖片
<img src="image/cute01.jpg" width="600" height="450" />
<img src="http://www.wallpaper-box.com/other/16801050/images/other3.jpg" border="0" width="30%" height="30%" />
複製代碼
背景顏色 與 背景圖案
<body bgcolor="pink">背景顏色</body>
<body background="../image/15.gif">背景圖案</body>
複製代碼
歡迎光臨 種子論壇 | 高雄市資訊培育協會學員討論區 (http://istak.org.tw/seed/)
Powered by Discuz! 7.2