標籤：而且 語言 rip 方式 含義 實現 網狀圖 body 一段
一、HTML5文件類型說明
二、head部分-基本標籤
1、<head>標籤
head中主要放關於網頁設定的相關語句。 2、<title>標籤
3、<link>標籤
連結檔案，要有屬性及屬性值
例，連結小表徵圖代碼：
4、<meta>標籤
1、設定網頁的字元集編碼格式：
GB2312：國標碼。簡體中文的編碼格式。
GBK：擴充的國標碼。比國標嗎多了更多的編碼格式。
utf-8；萬國碼。可以相容絕大多數國家的語言。
html4.01之前，聲明字元集編碼的格式：<meta http-equiv="Content-type" content="textml; charset=utf-8" /> 2、設定網頁關鍵字<meta name="keywords" content="傑瑞教育,html5,Web開發"/>
name="keywords"表示當前語句用於設定網頁關鍵字
content=""表示網頁的關鍵字內容。多個關鍵字之間用英文逗號分隔。
3、設定網頁描述
<meta name="description" content="這是我開發的第一個網頁。"/>
網頁的描述，在搜尋引擎中搜尋網站時，標題下面的一段文字，就是網頁的描述內容。
三、body部分
1、<body>標籤
HTML標籤，分為“塊級標籤”和“行級標籤”。
【塊級標籤和行級標籤的區別】
1、塊級標籤自動換行，前後隔一行；行級標籤不會自動換行，從左往右一次顯示；
2、塊級標籤的寬度預設是百分之百，行級標籤的寬度由文字內容撐開；
3、塊級標籤可以設定寬度、高度、邊距等屬性，行級標籤不能設定上述屬性。
從寫法上，HTML標籤分為“成對標籤”和“自閉合標籤(空標籤)”
成對標籤：成對出現，有開始標籤，必須有結束標籤，內容包裹在兩個標籤之間。
例如：<h1></h1> <p></p> <title></title>
自閉合標籤/空標籤：只有一個標籤，用/表示標籤的自動閉合(/可以省略)。
例如<hr /><link /><meta />
2、<h>標籤
h標籤：標題標籤，預設加粗，數字越小標題越大
顯示效果 3、<hr/>標籤
水平線標籤
4、<br />標籤
換列標籤，在代碼中敲斷行符號，在網頁中並沒有作用。必須使用<br>斷行。
5、<p>標籤
6、<blockquote>標籤
7、<pre>標籤
預格式標籤
顯示效果
五、基本行級/塊級標籤
常用的行級標籤
1.span標籤
2.[em/i/b 區別]
1)em和i都能傾斜，strong和b都能加粗。但是，em和strong多了一層強調的含義。（強調的作用：可以讓搜尋引擎快速的抓取網頁的重點部分。實現代碼的語義化。）
2)em和strong都有強調的作用，但是em是傾斜，strong是加粗。而且，strong的強調程度要比em更高。
3.常用的引用標籤
常見的引用標籤有：blockquote、q、cite
區別：
① 顯示效果上： blockquote整段縮排、q加引號、cite 傾斜
② 從功能上： blockquote用於引用一整段內容，是塊級標籤。 q用於引用一句話，是行級標籤。 cite常用於引用作品名、書畫名。
4.small標籤和big標籤
5.img標籤
1). src屬性：表示圖片所在的路徑。
[路徑的表示方式]
① 網狀圖片地址。 並不建議使用。
http://n.sinaimg.cn/fashion/20170725/fVaL-fyiiahz0057431.jpg
② 可以使用圖片的絕對路徑。但是，嚴禁使用絕對路徑。 因為，絕對路徑使用file://協議，網頁使用http://協議開啟無法訪問file://協議的檔案。
file:///C:/sunyang.jpg -- 絕對路徑寫法：file:///盤符:/檔案路徑
③ 使用相對路徑。 推薦使用的唯一方式。
a. 圖片在當前檔案的下一層， “檔案夾名/圖片名”
b. 圖片與當前檔案在同一層，直接寫"圖片名"
c. 圖片在當前檔案的上已成，"../圖片名" 。
注意： 圖片必須包含在項目裡面，不能退出項目根目錄
2). width、height 寬度、高度屬性
3). title：滑鼠指上時顯示的文字
4). alt： 圖片無法載入時，顯示的文字。 省略alt，將預設顯示title內容
5). align: 圖片周圍的文字，相對於圖片的相片順序；
top 文字居上 center 文字置中 bottom 文字局底
6.a標籤
1)超連結
2)功能性連結
6.其他的一些行級標籤（不重要，瞭解即可）
塊級標籤
1.h標籤、hr標籤、p標籤、blockquote標籤、pre標籤（前面已說過）
2.列表
1)有序列表
2)無序列表
3)定義列表
3.組合標籤figure
4.div標籤
HTML5基本標籤
