html常用标签：块级标签 行内标签 介绍

html有良多的标签，有些标签不管内容几多城市占用一整行的空间，而有些标签就只占内容宽度的位置。

块级标签：p、div、ul、ol、li、dt、h1到h6等

行内标签：span、a、strong、em等文本标签

方式/步调

1. 1

   新增html页面

        1）打开VSCode编纂器，新建一个文件，保留为“Common.html”

        2）快速建立H5(html)页面文档布局：文件中输入一个感慨号，再按下tab键即可

   3前端页面开辟东西的下载与安装

   
2. 2

   块级标签：p

        1）在页面中添加一个【P】标签，并添加边框（为了看清晰独有一行）

        2）在浏览器中打开页面，即可看到结果

   
3. 3

   块级标签：div

        1）在页面中添加一个【div】标签，并添加边框（为了看清晰独有一行）

        2）在浏览器中打开页面，即可看到结果

   
4. 4

   块级标签：h1

        1）在页面中添加一个【h1】标签，并添加边框（为了看清晰独有一行）

        2）在浏览器中打开页面，即可看到结果（内容占一整行，且文字放年夜到H1默认巨细）

   
5. 5

   行内标签：span

        1）在页面中添加一个【span】标签，并添加边框（为了看清晰占用区域）

        2）在浏览器中打开页面，即可看到结果

   
6. 6

   行内标签：a

        1）在页面中添加一个【a】标签，并添加边框（为了看清晰独有用区域）

        2）在浏览器中打开页面，即可看到结果

   
7. 7

   行内标签：strong

        1）在页面中添加一个【strong】标签，并添加边框（为了看清晰独有用区域）

        2）在浏览器中打开页面，即可看到结果（占内容现实宽度，且文字加粗）