常見html標籤總結
阿新 • • 發佈：2018-12-18
1、最簡單的html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>最簡單的html</title>
</head>
<body>
</body>
</html>2、<!DOCTYPE html>
注意：<!DOCTYPE> 宣告不是 HTML 標籤；它是指示 web 瀏覽器關於頁面使用哪個 HTML 版本進行編寫的指令。
3、<html></html>
告訴瀏覽器這是一個html文件，限定了文件的開頭和結束位置。
4、<head></head>
主要是配置和瀏覽器的配置資訊，給瀏覽器和搜尋引擎看的。
◇<title></title>
告訴瀏覽器用什麼標題顯示網頁
◇<meta charset="UTF-8">
告訴瀏覽器用什麼格式解析文件（html5）
◇<meta http-equiv="content-type" content="text/html;charset=UTF-8">
告訴瀏覽器用什麼格式解析文件（html4）
◇<meta name="keyword" content="html常見標籤">
網頁關鍵字的描述
作用：提升網頁在瀏覽器中被搜尋引擎搜尋到的概率
◇<meta name="description" content="這是一個關於html常見標籤的網頁">
網頁的描述
作用：提升網頁在瀏覽器中被搜尋引擎搜尋到的概率
◇<meta name="author" content="Hilarious®">
網頁作者的描述
作用：提升網頁在瀏覽器中被搜尋引擎搜尋到的概率
◇<meta http-equiv="refresh" content="2;http://www.baidu.com">
兩秒之後自動跳轉百度
注意：跳轉到網頁如果是網路連線的話，必須是http開頭。
◇<link rel="stylesheet" href="">
css引入標籤
◇<script type="text/javascript" src=""></script>
js引入標籤
◇<base target="_blank">
超連結優化，是同一頁面中所有的超連結都具有_blank屬性
5、<body></body>
給使用者進行資料展現
◇<h1></h1>到<h6></h6>（塊級標籤）
標題標籤
顯示效果隨著數字的增大而減弱
◇<hr>（塊級標籤）
水平線標籤
○width：設定水平線的寬度
○size：規定水平線的厚度
○color：設定水平線的顏色
○align：設定水平線的位置，預設居中
◇<p></p>（塊級標籤）
段落標籤
◇<br>
換行符
◇<strong></strong>
加粗，可巢狀使用
◇<b></b>
加粗，可巢狀使用
◇<em></em>
斜體，可巢狀使用
◇<i></i>
斜體，可巢狀使用
◇<u></u>
下劃線，可巢狀使用
◇<del></del>
中劃線，可巢狀使用