一、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也將內容包在一起放在一個矩形中,但是會改變原來的樣式,永遠成一個塊狀,會影響佈局