HTML介紹
超級文本標記語言是標準通用標記語言下的一個應用,也是一種規範,一種標準, 它通過標記符號來標記要顯示的網頁中的各個部分。網頁文件本身是一種文本文件,通過在文本文件中添加標記符,可以告訴瀏覽器如何顯示其中的內容(如:文字如何處理,畫面如何安排,圖片如何顯示等)。瀏覽器按順序閱讀網頁文件,然後根據標記符解釋和顯示其標記的內容,對書寫出錯的標記將不指出其錯誤,且不停止其解釋執行過程,編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是,對於不同的瀏覽器,對同一標記符可能會有不完全相同的解釋,因而可能會有不同的顯示效果。
HTML語言特點
二、可擴展性:超級文本標記語言的廣泛應用帶來了加強功能,增加標識符等要求,超級文本標記語言採取子類元素的方式,爲系統擴展帶來保證。
三、平臺無關性:雖然個人計算機大行其道,但使用MAC等其他機器的大有人在,超級文本標記語言可以使用在廣泛的平臺上,這也是萬維網(WWW)盛行的另一個原因。
四、通用性:另外,HTML是網絡的通用語言,一種簡單、通用的全置標記語言。它允許網頁製作人建立文本與圖片相結合的複雜頁面,這些頁面可以被網上任何其他人瀏覽到,無論使用的是什麼類型的電腦或瀏覽器。
HTML的發展史
HTML 2.0——1995年11月作爲RFC 1866發佈,在RFC 2854於2000年6月發佈之後被宣佈已經過時
HTML 3.2——1997年1月14日,W3C推薦標準HTML 4.0——1997年12月18日,W3C推薦標準
HTML 4.01(微小改進)——1999年12月24日,W3C推薦標準
HTML 5——2014年10月28日,W3C推薦標準[4]
標籤的分類
1.單目標籤
單目標籤的書寫格式:<標籤名 屬性="屬性值" />
例如:<meta content="text/html" charset="utf-8" />
2.雙目標籤
雙目標籤的書寫格式:<標籤名 屬性="屬性值">內容</標籤名>
例如:<title>網頁標題</title>
網頁文檔的基本結構
<!DOCTYPE html> <!--聲明文檔的解析類型-->
<html> <!--告知瀏覽器自身是一個html文檔,限制了文檔的開始和結束-->
<head> <!--用於定義文檔的頭部,它是所有頭部元素的容器。<head> 中的元素可以引用腳本、指示瀏覽器在哪裏找到樣式表、提供元信息-->
<meta content="text/html" charset="utf-8" /> <!--用於描述文檔的屬性-->
<meta name="description" content="武神趙子龍" />
<meta name="keywords" content="遊戲,網頁遊戲,熱門遊戲" />
<title>網頁標題</title> <!--網頁標題進行設置-->
</head>
<body> <!--文檔的主題部分-->
文字、圖片、視頻、音頻
</body>
</html>
常見的單目標籤
<meta />
<br/>
<hr/>
<link/>
<input />
常用的雙目標籤
文字相關
<font></font>
<p></p>
<pre></pre>
<abbr></abbr>
<hx></hx>
<b></b>
<i></i>
<u></u>
<del></del>
<strong></strong>
<em></em>
<code></code>
特殊符號
空格 © 版權 $reg 註冊商標
> 大於號 < 小於號 & &符號
列表標籤
無序列表
<ul type="">
<li></li>
</ul>
有序列表
<ol>
<li></li>
</ol>
有樣式列表
<dl>
<dt></dt>
<dd></dd>
</dl>
無樣式標籤
<div></div> 塊級標籤
a標籤
1)普通鏈接
<a href="" target="_blank">連接內容</a>
2)發送郵件
<a href="mailto:[email protected]">發送郵件</a>
3)錨點
<a href="#name">shoue</a> <a name="name">返回首頁</a>
4)當做javascript載體
<a href="javascript:alert(123)">彈框</a>
5)當做span標籤使用
<a></a>