多语言展示
当前在线:1118今日阅读:26今日分享:39

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

html有很多的标签,有些标签不管内容多少都会占用一整行的空间,而有些标签就只占内容宽度的位置。块级标签:p、div、ul、ol、li、dt、h1到h6等行内标签:span、a、strong、em等文本标签
方法/步骤
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)在浏览器中打开页面,即可看到效果(占内容实际宽度,且文字加粗)

推荐信息