HTML學習筆記--元素
1.
開始標籤稱為起始標籤,結束標籤稱為閉合標籤
openging tag closing tag
- HTML 元素以開始標籤起始
- HTML 元素以結束標籤終止
- 元素的內容是開始標籤與結束標籤之間的內容
- 某些 HTML 元素具有空內容(empty content)
- 空元素在開始標籤中進行關閉(以開始標籤的結束而結束)
- 大多數 HTML 元素可擁有屬性
如果忘記了閉合標籤,有可能正常顯示,也可能產生不可預料的結果或錯誤。
<br>是沒有閉合標籤的空元素,現在最好用<br/>
2.
HTML標籤對大小寫不敏感。許多多站都用大寫的HTML標籤。
HTML4推薦小寫,(X)HTML 版本中強制使用小寫。
3.
HTML屬性
- HTML 元素可以設定屬性
- 屬性可以在元素中新增附加資訊
- 屬性一般描述於開始標籤
- 屬性總是以名稱/值對的形式出現,比如:name="value"。
如:<a href="http://www.runoob.com">這是一個連結</a>
屬性值可用雙引號也可用單引號。屬性和屬性值對大小寫不敏感
4.
HTML標題
通過<h1>到<h6>標籤進行定義的
h1最大,h6最小
將 h1 用作主標題(最重要的),其後是 h2(次重要的),再其次是 h3,以此類推。
5
水平線
<hr>
6.
註釋
<!-- 這是一個註釋 -->
7.
HTML 輸出- 使用提醒
我們無法確定 HTML 被顯示的確切效果。螢幕的大小,以及對視窗的調整都可能導致不同的結果。
對於 HTML,您無法通過在 HTML 程式碼中新增額外的空格或換行來改變輸出的效果。
當顯示頁面時,瀏覽器會移除原始碼中多餘的空格和空行。所有連續的空格或空行都會被算作一個空格。需要注意的是,HTML 程式碼中的所有連續的空行(換行)也被顯示為一個空格。
8.
target屬性
target屬性值設定連結的文件是在新視窗開啟還是當前視窗開啟。
<a href="http://www.runoob.com/" target="_blank">訪問菜鳥教程!</a>
_blank為新視窗開啟超連結
9
HTML連結 ID屬性
用於建立在一個HTML文件書籤標記。在文件中是不顯示的。
如:<a id="tips">有用的提示部分</a>
10.
base元素
描述了基本的連結地址或者連結目標,該標籤作為HTML文件中所有的連結標籤的預設連結:
<base href="http://www.runoob.com/images/" target="_blank">
11.
link元素
<link> 標籤定義了文件與外部資源之間的關係。
<link> 標籤通常用於連結到樣式表:
<link rel="stylesheet" type="text/css" href="mystyle.css">
12.
<style> 標籤定義了HTML文件的樣式檔案引用地址.
在<style> 元素中你也可以直接新增樣式來渲染 HTML 文件:
<style type="text/css"> body {background-color:yellow} p {color:blue} </style>
13.
meta標籤描述了一些基本的元資料。
<meta> 標籤提供了元資料.元資料也不顯示在頁面上,但會被瀏覽器解析。
META 元素通常用於指定網頁的描述,關鍵詞,檔案的最後修改時間,作者,和其他元資料。
元資料可以使用於瀏覽器(如何顯示內容或重新載入頁面),搜尋引擎(關鍵詞),或其他Web服務。
<meta> 一般放置於 <head> 區域
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
14.
<script>標籤用於載入指令碼檔案,如: JavaScript。
<script> 元素在以後的章節中會詳細描述。