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

1、新增html页面

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

     2）快速创建H5(html)页面文档结构：文件中输入一个感叹号，再按下tab键即可

2、块级标签：p

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

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

3、块级标签：div

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

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

4、块级标签：h1

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

     2）在浏览器中打开页面，即可看到效果（内容占一整行，且文字放大到H1默认大小）

5、行内标签：span

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

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

6、行内标签：a

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

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

7、行内标签：strong

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

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