| Day2 | 主要學習內容 | HTML 元素 HTML 屬性 HTML 標題 HTML 段落 |
|
| HTML 標題 | HTML 標題（Heading）是通過 <h1> - <h6> 等標籤進行定義的。 | <h2>This is a heading</h2> | |
| HTML 段落 | HTML 段落是通過 <p> 標籤進行定義的。 | <p>This is a paragraph.</p> | |
| HTML 鏈接 | HTML 鏈接是通過 <a> 標籤進行定義的。 | <a href="http://www.w3school.com.cn">This is a link</a> | |
| HTML 圖像 | HTML 圖像是通過 <img> 標籤進行定義的。圖像的名稱和尺寸是以屬性的形式提供的。 | <img src="w3school.jpg" width="104" height="142" /> | |
| 空的 HTML 元素 | <br> 就是沒有關閉標籤的空元素（<br> 標籤定義換行）。 在 XHTML、XML 以及未來版本的 HTML 中，所有元素都必須被關閉。 在開始標籤中添加斜槓，比如 <br />，是關閉空元素的正確方法，HTML、XHTML 和 XML 都接受這種方式。 即使 <br> 在所有瀏覽器中都是有效的，但使用 <br /> 其實是更長遠的保障。 |
||
| HTML 提示 | 使用小寫屬性 | ||
| 始終爲屬性值加引號 | 屬性值應該始終被包括在引號內。雙引號是最常用的，不過使用單引號也沒有問題 在某些個別的情況下，比如屬性值本身就含有雙引號，那麼您必須使用單引號，例如： |
name='Bill "HelloWorld" Gates' | |
| 標題很重要 | 請確保將 HTML heading 標籤只用於標題。不要僅僅是爲了產生粗體或大號的文本而使用標題。 搜索引擎使用標題爲您的網頁的結構和內容編制索引。註釋：瀏覽器會自動地在標題的前後添加空行。 註釋：默認情況下，HTML 會自動地在塊級元素前後添加一個額外的空行，比如段落、標題元素前後。 |
||
| HTML 水平線 | <hr /> 標籤在 HTML 頁面中創建水平線。 | ||
| HTML 段落 | 註釋：瀏覽器會自動地在段落的前後添加空行。（<p> 是塊級元素） 提示：使用空的段落標記 <p></p> 去插入一個空行是個壞習慣。用 <br /> 標籤代替它！（但是不要用 <br /> 標籤去創建列表。不要着急，您將在稍後的篇幅學習到 HTML 列表。 |
||
| HTML折行 | <br /> 元素是一個空的 HTML 元素。由於關閉標籤沒有任何意義，因此它沒有結束標籤。 | ||
| 注意事項 | 在 XHTML、XML 以及未來的 HTML 版本中，不允許使用沒有結束標籤（閉合標籤）的 HTML 元素。 即使 <br> 在所有瀏覽器中的顯示都沒有問題，使用 <br /> 也是更長遠的保障。 |
||
| HTML 輸出 | 我們無法確定 HTML 被顯示的確切效果。屏幕的大小，以及對窗口的調整都可能導致不同的結果。 對於 HTML，您無法通過在 HTML 代碼中添加額外的空格或換行來改變輸出的效果。 當顯示頁面時，瀏覽器會移除源代碼中多餘的空格和空行。所有連續的空格或空行都會被算作一個空格。需要注意的是，HTML 代碼中的所有連續的空行（換行）也被顯示爲一個空格。 |
<p> 春眠不覺曉， 處處聞啼鳥。 夜來風雨聲， 花落知多少。 </p> |
|
| 習題 | 1)標題 如何在 HTML 文檔中顯示標題。 2)隱藏的註釋 如何在 HTML 源代碼中插入註釋。 3)水平線 如何插入水平線。 4)HTML段落 如何在瀏覽器中顯示 HTML 段落。 5)換行 在 HTML 文檔中使用換行。 6)在HTML 代碼中的排版一首唐詩 |