html中怎样让多个li标签横排显示

html中怎样让多个li标签横排显示

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标签变成横排显示。

1、利用Dreamweaver新建一个html页面。

2、在body里面输入代码

<ul>

<li>你好</li>

<li>小鱼</li>

<li>小小</li>

</ul>。

3、默认的样式是这样的。

4、编辑li标签的css样式。

5、float:left代表的是元素左对齐。这样li标签就可以横排显示了，list-style:none用来去除li标签前面的小圆点。

html中让多个li标签横排显示的方法：

1.利用DW，新建一个Html页面。

2.在body里面输入视频中所示代码，这时看到默认的样式是这样的。

3.编辑li标签的css样式，float,left代表的是元素所对齐，这样li标签就可以横排显示了。

4.list-style，none用来去除li标签前面的小圆点，然后可以看见最终样式。

b站怎么默认使用html5

首先在浏览器中进入b站主站，然后下拉首页至底部，点击“传送门”下面的“帮助中心”。

进入“帮助中心”页面之后，同样下拉网页，点击左侧帮助中心列表下面的“HTML5播放器”。

点击左侧帮助中心列表下面的“HTML5播放器”之后，右侧就会出现“HTML5播放器”的相关内容。

在以“HTML5播放器”为小标题的第一段文字下面有个“→【使用点我】←”的链接，点击该链接。就会弹出一个小窗口，显示“HTML5播放器使用”，在下面的文字“开启HTML5播放器试用”前的选框中打√即可。

但我发现在edge浏览器中“开启HTML5播放器试用”前的选框显示灰色，无法打勾，于是使用ie浏览器试试，结果可以打勾。

所以要能使用html5也和使用的浏览器有关系。

HTML5是什么东西

1. HTML5的技术组成HTML5技术由HTML（结构）、CSS（样式）、JavaScript（行为）组成。2. 什么是结构、样式与行为？

简单来说，HTML5是“将设计图转换为用户查看的网页”所需要的技术。

结构实现的是网页中的标题、列表、图片等标签。

样式处理的是标题文字的字体大小、颜色，图片尺寸，某个标签的背景等。

行为可以实现网页中的时间，电商网站当中的倒计时效果，在注册表单时用户名是否重复的检测，网站当中顶部图片的切换特效等等。简单的理解结构样式和行为：将网页看做一个装修好的功能完备的房子，那么结构实现的是房间以及家具的位置布局，样式则是针对房间进行装饰，行为是为房间添加“开门”等功能。想了解更多，可查看文章《HTML5（WEB前端）是什么？零基础技术小白，轻松认识HTML5》