HTML標記語法總結

阿豪聊乾貨發表於2016-02-18

一、HTML標記型別

    1.單標記

         語法:<標記名>,如:<img>、<br>、<hr>

     2.雙標記

         語法:<標記名>…標記內容…</標記名>,如:<a>這是百度的主頁</a>

二、HTML標記屬性

  語法:

<標記名 屬性1 = “屬性值1”屬性2 = “屬性值2”…> 或

<標記名 屬性1 = “屬性值1”屬性2 = “屬性值2”…>。。。標記內容。。。</標記名>

   說明:

標記與屬性、屬性與屬性之間都是以空格進行分隔,

屬性不區分先後順序,且屬性不是必須的,需要時再新增,不需要不新增!

雖然在HTML中不區分大小寫,但是在XHTML中所有的標記確是嚴格區分大小寫的。

三、HTML主要標記解析

1.html標籤

   <html>和</html>用來標識網頁檔案的開始和結束,所有的html都必須放在這對html標記中。

2.head標籤

   <head>和</head>用來標識網頁檔案的頭部資訊的開始和結束,如標題、搜尋引擎關鍵字、頁面編碼型別等等。

3.meta標籤

   <meta> 元素位於文件的heand標籤中,不包含任何內容,它的屬性定義了與文件相關聯的名稱/值對,可提供有關頁面的元資訊(meta-information),比如針對搜尋引擎和更新頻度的描述和關鍵詞。

   meta標籤設定頁面關鍵字:

     <meta name=”keywords” content=”value”>多個關鍵字內容之間可以用逗號隔開。

   meta標籤設定頁面描述資訊:

     <meta name=”description” content=”values”>

   meta標籤設定頁面作者:

     <meta name=“author” content=”作者名”>

   meta標籤設定頁面字符集:

     <meta http-equiv=”content-type” content=”text/html;charset=UTF-8”>

   meta標籤設定頁面定時跳轉:

     <meta http-equiv=”refresh” content=”2:URL=網址”>冒號之前表示幾秒後跳轉,冒號    之後表示要跳轉到的URL。

   meta標籤設定視區大小、縮放比例等:

     <meta name = “viewport”content = “width = device-width,initial-scale = 1.0“>

4.title標籤

   <title>和</title>用來標識網頁檔案標題的開始和結束。

5.body標籤

   <body>和</body>用來標識網頁檔案主體的開始和結束。

四、HTML中的特殊字元 

    © :表示版權號

    ® :表示註冊商標

五、部分HTML元素詳解

  1.span和div的區別:

    span只是將內容邏輯上包在一起,不改變原樣式,可以不是一個規矩的塊,不影響佈局;而div也將內容包在一起放在一個矩形中,但是會改變原來的樣式,永遠成一個塊狀,會影響佈局

相關文章