2016.3.21

HTML 文檔 = 網頁

  • HTML 文檔描述網頁
  • HTML 文檔包含 HTML 標籤和純文本
  • HTML 文檔也被稱爲網頁

Web 瀏覽器的作用是讀取 HTML 文檔,並以網頁的形式顯示出它們。瀏覽器不會顯示 HTML 標籤,而是使用標籤來解釋頁面的內容:

<html>
<body>

<h1>My FirstHeading</h1>

<p>My firstparagraph.</p>

</body>
</html>

例子解釋

  • <html> </html> 之間的文本描述網頁
  • <body> </body> 之間的文本是可見的頁面內容
  • <h1> </h1> 之間的文本被顯示爲標題
  • <p> </p> 之間的文本被顯示爲段落
以上這種<></>都成爲標籤,標籤一般成對出現。還有以下標籤。
*HTML 鏈接是通過 <a> 標籤進行定義的。
<a href="http://www.w3school.com.cn">This is a link</a>
註釋:在 href 屬性中指定鏈接的地址。
*HTML 圖像是通過 <img> 標籤進行定義的。
<img src="w3school.jpg" width="104" height="142" />

隨後接觸到了元素的概念,HTML 元素指的是從開始標籤(start tag)到結束標籤(end tag)的所有代碼。某些 HTML 元素具有空內容(empty content),空元素在開始標籤中進行關閉(以開始標籤的結束而結束),大多數 HTML 元素可擁有屬性,<br> 就是沒有關閉標籤的空元素(<br> 標籤定義換行)。在 XHTML、XML 以及未來版本的 HTML 中,所有元素都必須被關閉。在開始標籤中添加斜槓,比如 <br />,是關閉空元素的正確方法,HTML、XHTML 和 XML 都接受這種方式。最後,應注意html中的小寫。

HTML屬性

HTML 標籤可以擁有屬性。屬性提供了有關 HTML 元素的更多的信息

屬性總是以名稱/值對的形式出現,比如:name="value"

屬性總是在 HTML 元素的開始標籤中規定。

屬性例子 1:

<h1> 定義標題的開始。

<h1 align="center"> 擁有關於對齊方式的附加信息。

屬性例子 2:

<body> 定義 HTML 文檔的主體。

<body bgcolor="yellow"> 擁有關於背景顏色的附加信息。

屬性例子 3:

<table> 定義 HTML 表格。(您將在稍後的章節學習到更多有關 HTML 表格的內容)

<table border="1"> 擁有關於表格邊框的附加信息。

屬性值應該始終被包括在引號內。雙引號是最常用的,不過使用單引號也沒有問題。

在某些個別的情況下,比如屬性值本身就含有雙引號,那麼必須使用單引號,例如:name='Bill "HelloWorld" Gates'


附:HTML標準屬性參考手冊http://www.w3school.com.cn/tags/html_ref_standardattributes.asp


在subline text上可以加載一個好用的插件,Emmet,可以提高開發效率,Ctrl+d選中相同的文本,可以多操作。

今天所學筆記基本來自W3school,明天接着學習




發佈了20 篇原創文章 · 獲贊 3 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章