HTML基礎-1

HTML介紹

超級文本標記語言是標準通用標記語言下的一個應用,也是一種規範,一種標準 它通過標記符號來標記要顯示的網頁中的各個部分。網頁文件本身是一種文本文件,通過在文本文件中添加標記符,可以告訴瀏覽器如何顯示其中的內容(如:文字如何處理,畫面如何安排,圖片如何顯示等)。瀏覽器按順序閱讀網頁文件,然後根據標記符解釋和顯示其標記的內容,對書寫出錯的標記將不指出其錯誤,且不停止其解釋執行過程,編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是,對於不同的瀏覽器,對同一標記符可能會有不完全的解釋,因而可能會有不同的顯示效果。

HTML語言特點

  1. 一、簡易性:超級文本標記語言版本升級採用超集方式,從而更加靈活方便。

  2. 二、可擴展性:超級文本標記語言的廣泛應用帶來了加強功能,增加標識符等要求,超級文本標記語言採取子類元素的方式,爲系統擴展帶來保證。

  3. 三、平臺無關性:雖然個人計算機大行其道,但使用MAC等其他機器的大有人在,超級文本標記語言可以使用在廣泛的平臺上,這也是萬維網WWW)盛行的另一個原因。

  4. 四、通用性:另外,HTML是網絡的通用語言,一種簡單、通用的全置標記語言。它允許網頁製作人建立文本與圖片相結合的複雜頁面,這些頁面可以被網上任何其他人瀏覽到,無論使用的是什麼類型的電腦或瀏覽器。

  5. HTML的發展史

  6. 超文本標記語言(第一版)——在1993年6月作爲互聯網工程工作小組(IETF)工作草案發布(並非標準):

  7. HTML 2.0——1995年11月作爲RFC 1866發佈,在RFC 2854於2000年6月發佈之後被宣佈已經過時

  8. HTML 3.2——1997年1月14日,W3C推薦標準HTML 4.0——1997年12月18日,W3C推薦標準

  9. HTML 4.01(微小改進)——1999年12月24日,W3C推薦標準

  10. 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>

特殊符號

&nbsp;空格     &copy  版權      $reg  註冊商標   

&gt; 大於號    &lt; 小於號     &amp  &符號     

 列表標籤

  無序列表

    <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>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章