HTML5常見標籤
常用基本標籤
html:標記文檔的開始和結束。
title:標題設置。
head:html的頭部代碼。
body:html的核心代碼。
meta:元數據標籤。
img:圖片的引入。
link:引用圖標（icon）或者css(stylesheet)文件。
塊級標籤
獨佔一行，不允許其他元素和自己同行顯示
1.標題標籤 h1 h2 h3 h4 h5
2.分割線標籤 hr
3.段落標籤 p
4.換行標籤 br
5.引用標籤 blockquote
6.預格標籤 pre
7.無序列表標籤 ul
8.有序別表標籤 ol
9.分區標籤 div
具體用法如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>塊級標籤</title>
</head>
<body>
<!--標題標籤-->
<h1>傑瑞教育</h1>
<h2>傑瑞教育</h2>
<hr>
<h3>傑瑞教育</h3>
<h4>傑瑞教育</h4>
<h5>傑瑞教育</h5>
<h6>傑瑞教育</h6>
<!--段落標籤-->
<!--1：在段落開始位置添加空格，不影響佈局-->
<!--2：在段落的中間位置使用回車換行或者添加多個空格，默認顯示爲一個空格-->
<p>
傑瑞教育傑瑞教育傑瑞教育傑瑞教育傑瑞教育傑瑞教育
</p>
<!--換行標籤-->
<p>
傑瑞教育<br>
傑瑞教育傑瑞教育傑瑞教育傑瑞教育傑瑞教育
</p>
<!--分割線標籤-->
<hr>
<!--引用標籤(有縮進兩個空格效果)-->
<blockquote cite="www.baidu.com">
謙虛使人進步！！--毛澤東
</blockquote>
<!--預格式標籤 默認字體小-->
<pre>
山東科技大學
計算機學院
計算機科學與技術</pre>
</body>
</html>
行級標籤
不自己獨佔一行，按行顯示
span： 文本格式
img ： 圖片格式
a ：超鏈接
具體用法如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>行級元素</title>
</head>
<body>
<!--span標籤沒有任何格式-->
<p>電腦，<span style="font-size: 40px;color: red">0</span>元起！！</p>
<!--src：指定圖片路徑，alt:當圖片加載失敗，顯示提示信息-->
<img src="" alt=""width="200px"height="100px">
<!--a:1：頁面跳轉 href="地址"
2：錨點連接
3：功能鏈接--><!--target可以在新的頁面打開(默認-self 空白頁-blank)-->
<br>
<a href="https://www.baidu.com/"target="_blank">百度</a>
<a href="demo04.html">demo04</a>
</body>
</html>