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)在浏览器中打开页面,即可看到效果(占内容实际宽度,且文字加粗)
上一篇:HTML常用标签
下一篇:内存条上的标签怎么看