HTML 鏈接
HTML 鏈接是通過 <a> 標籤進行定義的。
實例
<a href="http://www.w3school.com.cn">This is a link</a>
<a href="http://www.w3school.com.cn">This is a link</a>HTML 圖像
HTML 圖像是通過 <img> 標籤進行定義的。
實例
<img src="w3school.jpg" width="104" height="142" />
始終爲屬性值加引號
屬性值應該始終被包括在引號內。雙引號是最常用的，不過使用單引號也沒有問題。
在某些個別的情況下，比如屬性值本身就含有雙引號，那麼您必須使用單引號，例如：
name='Bill "HelloWorld" Gates'
HTML 屬性參考手冊
我們的完整的 HTML 參考手冊提供了每個 HTML 元素可使用的合法屬性的完整列表：
下面列出了適用於大多數 HTML 元素的屬性：
| 屬性 | 值 | 描述 |
|---|---|---|
| class | classname | 規定元素的類名（classname） |
| id | id | 規定元素的唯一 id |
| style | style_definition | 規定元素的行內樣式（inline style） |
| title | text | 規定元素的額外信息（可在工具提示中顯示） |
如需更多關於標準屬性的信息，請訪問：
瀏覽器會自動地在標題的前後添加空行。
因爲用戶可以通過標題來快速瀏覽您的網頁，所以用標題來呈現文檔結構是很重要的。
應該將 h1 用作主標題（最重要的），其後是 h2（次重要的），再其次是 h3，以此類推。
HTML 水平線
<hr /> 標籤在 HTML 頁面中創建水平線。
hr 元素可用於分隔內容。
HTML 註釋
可以將註釋插入 HTML 代碼中，這樣可以提高其可讀性，使代碼更易被人理解。瀏覽器會忽略註釋，也不會顯示它們。
註釋是這樣寫的：
實例
<!-- This is a comment -->
xmlns 屬性
xmlns 屬性可以在文檔中定義一個或多個可供選擇的命名空間。該屬性可以放置在文檔內任何元素的開始標籤中。該屬性的值類似於 URL，它定義了一個命名空間，瀏覽器會將此命名空間用於該屬性所在元素內的所有內容。
例如，如果需要使用符合 XML 規範的 XHTML 文檔，則應該在文檔中的<html> 標籤中至少使用一個 xmlns 屬性，以指定整個文檔所使用的主要命名空間：
<html xmlns="http://www.w3.org/1999/xhtml">
如果需要在一個 div 元素中顯示一串數學公式，則可以爲該 div 元素定義一個數學命名空間。比如這樣：
<div xmlns="http://www.w3.org/1999/Math/MathMl">x3/x</div>
如果您不希望在每次顯示除法公式時都在 div 元素中定義 xmlns 屬性，那麼更好的辦法是在文檔的開頭處定義具有前綴的命名空間：
<htmlxmlns="http://www.w3.org/1999/xhtml">xmlns:math="http://www.w3.org/1999/Math/MathMl">
然後，您就可以在 div 中使用該前綴了，就像這樣：
<math:div>x3/X<div>
雖然在大多數情況下，絕大多數 XHTML 作者都不需要定義多個命名空間，但是您仍然有必要理解存在着多個命名空間，以便在需要選擇將基於某個 DTD 的內容嵌入其他 DTD 定義的內容中時，可以管理多個命名空間。
HTML 折行
如果您希望在不產生一個新段落的情況下進行換行（新行），請使用 <br /> 標籤：
<p>This is<br />a para<br />graph with line breaks</p>
對於 HTML，您無法通過在 HTML 代碼中添加額外的空格或換行來改變輸出的效果。
當顯示頁面時，瀏覽器會移除源代碼中多餘的空格和空行。所有連續的空格或空行都會被算作一個空格。需要注意的是，HTML 代碼中的所有連續的空行（換行）也被顯示爲一個空格。
段落的行數依賴於瀏覽器窗口的大小。如果調節瀏覽器窗口的大小，將改變段落中的行數。（可以通過ctrl+滾輪改變縮放比例）
不贊成使用的標籤和屬性
在 HTML 4 中，有若干的標籤和屬性是被廢棄的。被廢棄（Deprecated）的意思是在未來版本的 HTML 和 XHTML 中將不支持這些標籤和屬性。
這裏傳達的信息很明確：請避免使用這些被廢棄的標籤和屬性！
應該避免使用下面這些標籤和屬性：
| 標籤 | 描述 |
|---|---|
| <center> | 定義居中的內容。 |
| <font> 和 <basefont> | 定義 HTML 字體。 |
| <s> 和 <strike> | 定義刪除線文本 |
| <u> | 定義下劃線文本 |
| 屬性 | 描述 |
| align | 定義文本的對齊方式 |
| bgcolor | 定義背景顏色 |
| color | 定義文本顏色 |
對於以上這些標籤和屬性：請使用樣式代替！
樣式的基本格式：style="styleA;styleB......"
用冒號表示 ，例子：
<p style="font-family:verdana;color:red">
This text is in Verdana and red</p>HTML 樣式實例 - 字體、顏色和尺寸
font-family、color 以及 font-size 屬性分別定義元素中文本的字體系列、顏色和字體尺寸：
<html> <body> <h1 style="font-family:verdana">A heading</h1> <p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p> </body> </html>
HTML 樣式實例 - 文本對齊
text-align 屬性規定了元素中文本的水平對齊方式：
<html> <body> <h1 style="text-align:center">This is a heading</h1> <p>The heading above is aligned to the center of this page.</p> </body> </html>
HTML 格式化文本
粗體：<b></b> <strong></strong>
這裏有一點需要注意的：html中元素是可以嵌套的！
HTML 預格式內容
<pre>
這是
預格式文本。
它保留了 空格
和換行。
</pre>HTML “計算機輸出”標籤
<html>
<body>
<code>Computer code</code>
<br />
<kbd>Keyboard input</kbd>
<br />
<tt>Teletype text</tt>
<br />
<samp>Sample text</samp>
<br />
<var>Computer variable</var>
<br />
<p>
<b>註釋：</b>這些標籤常用於顯示計算機/編程代碼。
</p>
</body>
</html>
HTML 製表
<table></table>表示表格
<tr></tr>表示一行
<td></td> <th></th>爲兩種不同的元素形式
爲空格佔位符 注意：此處可以發現一個事實，就是在<tr></tr>之間的空格都會被忽略！一個都不會留下！
<caption>我的標題</caption> 用來表示表格標題
橫跨多行/多列的單元格：
<html>
<body>
<h4>橫跨兩列的單元格：</h4>
<table border="1">
<tr>
<th>姓名</th>
<th colspan="2">電話</th>
</tr>
<tr>
<td>Bill Gates</td>
<td>555 77 854</td>
<td>555 77 855</td>
</tr>
</table>
<h4>橫跨兩行的單元格：</h4>
<table border="1">
<tr>
<th>姓名</th>
<td>Bill Gates</td>
</tr>
<tr>
<th rowspan="2">電話</th>
<td>555 77 854</td>
</tr>
<tr>
<td>555 77 855</td>
</tr>
</table>
</body>
</html>
幾點注意事項：1.這裏演示了真正的表頭的應用；2.這個屬性定義在tr或者th裏
3.cellpadding 屬性規定單元邊沿與其內容之間的空白。
註釋：請勿將該屬性與 cellspacing 屬性相混淆，cellspacing 屬性規定的是單元之間的空間。
4.bgcolor設置背景顏色 background屬性設置背景圖片
5.td th 可以用align屬性定義對齊方式
