HTML 簡單舉例:
<html> 告訴瀏覽器這是HTML文件的開始
<head> 頁面標頭開始
<title> this is Title </title> 頁面標題
<style type="text/css"> style的起始標籤，style元素放在HTML的<head>裡面
</style> style的結束標籤
</head> 頁面標頭結束
<body> 開始頁面內文
<h1> </h1> 告訴瀏覽器這是標題
<img src="example.gif"> 插入example.gif圖像
<p> 段落開始
<em> </em> 加強顯示
</p> 段落結束
<h2> </h2> 告訴瀏覽器這是子標題
<p> </P> 另外一個段落
</body> 內文結束
</html> 告訴瀏覽器這是HTML的結尾
標籤:
標籤是由標簽名稱與角括弧<、>組成。 通常把一對起始標籤與結束標籤稱作配對標籤。
<h1> 兩標籤中間放內容 </h1>
<h1>這是起始標籤 ，</h1> 這是結束標籤。
這一整段稱作一個元素(element)。本例中可以稱它為<h1>元素。元素是由前後標籤與其框住的內容組成的。
元素可以擁有屬性(attribute)。
CSS:
<style type="text/css">
body{
background-color : #d2b48c; 設定背景採用棕色。
margin-left: 20%; 設定左邊距站去頁面的20%的空間。
margin-right: 20%; 設定右邊距站去頁面的20%的空間。
border: 1px dotted gray; 定義內文周圍的灰色點狀邊線
padding: 10px 10px 10px 10px; 在頁面的內文周圍建立一些留白。
font-family: sans-serif; 定義文字用的字型
}
</style>
超文字 HyperText
<a href="sample.html">link text</a> href後面接要連結的頁面，兩標記符號的中間是連結顯示的文字
<a href="http://www.google.com" title="google">google</a> 可以加入title屬性
加入錨
<a id="chai">text </a> 加入錨 id為名稱
<a href="index.html#chai">text </a> 連接到錨
加入target屬性
<a target="_blank" href="http://www.google.com">google </a> 加入target屬性，_blank代表要在新視窗開啟
路徑表示 :
.. 表示往上一層
/ 表示根目錄
引文元素
<q> Text </q> 短引文
<blockquote>
Text 長引文
</blockquote>
換行元素
Text <br> 換行
清單元素
<ol> (<ul>) ol排序清單 ul不排序清單
<li> item1 </li> 清單項目
<li> item2 </li>
<li> item3 </li>
</ol> (</ul>)
定義清單
<dl> 定義清單標籤
<dt> 名稱
<dd> </dd> 文字描述
</dt>
<dt>
</dt>
</dl>
特殊字元
http://www.w3schools.com/tags/ref_entities.asp
http://www.unicode.com/charts/
留言列表
