html中的双标签，一个html怎么加入两个盒子模型？_html标签

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 1:01:38 共计：3630 浏览

在html页面中，加入盒子模型使用div元素标签就行了，div就是一个很好的盒子容器。

1、新建一个txt文档，将文档修改为“demo.html”的html文件，如下图所示。

2、用Sublime编辑器将html文件打开，完善html5标准化代码，如下图所示。

3、在body标签内，编写一套ul li无序列表标签，代码如下图所示。

4、用浏览器打开html页面，可以看到li标签默认情况是竖排显示（li为块级元素），如下图所示。

5、我们可以通过为ul标签下所有li标签设定样式“display: inline-block”的方式，让多个li标签横排显示。

6、刷新界面后，可以发现li标签变成横排显示。

HTML常用标签有列表形快速布局、标题型、独立内容、段落标签

1.列表形快速布局

当我们想要列表型布局网站的时候，这时候我们就要使用ul和li标签，一些文章的列表和栏目的列表，都是可以使用ul和li标签布局，当然我们也要配合css去实现效果，可以实现循环的效果。

2.标题型

我们在做网站的时候，总会遇到文章的标题，不同的程序员会使用不同的标签去实现，有人习惯用h1，有人习惯用h2，h1和h2两种标签效果也是不一样的。

3.独立内容

在内容中，如果我们想把几个文字单独设置颜色，这时候我们就可以需要span标签，对字体单独设置样式。

4.段落标签

段落的标签我们可以使用p标签，在段落的开始加一个<p>,就可以实现段落的分明。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。