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

html有良多的标签, 有些标签不管内容几多城市占用一整行的空间, 而有些标签就只占内容宽度的位置 。
块级标签:p、div、ul、ol、li、dt、h1到h6等
行内标签:span、a、strong、em等文本标签
方式/
1新增html页面
【html常用标签:块级标签 行内标签 介绍】     1)打开VSCode编纂器, 新建一个文件, 保留为“Common.html”
     2)快速建立H5(html)页面文档布局:文件中输入一个感慨号, 再按下tab键即可
3前端页面开辟东西 - VSCode的下载与安装

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

文章插图

2块级标签:p
     1)在页面中添加一个【P】标签, 并添加边框(为了看清晰独有一行)
     2)在浏览器中打开页面, 即可看到结果

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

文章插图

3块级标签:div
     1)在页面中添加一个【div】标签, 并添加边框(为了看清晰独有一行)
     2)在浏览器中打开页面, 即可看到结果

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

文章插图

4块级标签:h1
     1)在页面中添加一个【h1】标签, 并添加边框(为了看清晰独有一行)
     2)在浏览器中打开页面, 即可看到结果(内容占一整行, 且文字放年夜到H1默认大小)

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

文章插图

5行内标签:span
     1)在页面中添加一个【span】标签, 并添加边框(为了看清晰占用区域)
     2)在浏览器中打开页面, 即可看到结果

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

文章插图

6行内标签:a
     1)在页面中添加一个【a】标签, 并添加边框(为了看清晰独有用区域)
     2)在浏览器中打开页面, 即可看到结果

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

文章插图

7行内标签:strong
     1)在页面中添加一个【strong】标签, 并添加边框(为了看清晰独有用区域)
     2)在浏览器中打开页面, 即可看到结果(占内容现实宽度, 且文字加粗)

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

文章插图


以上内容就是html常用标签:块级标签 行内标签 介绍的内容啦, 希望对你有所帮助哦!

    推荐阅读