HTML无序列表的使用
浏览量:2297
时间:2024-06-25 16:19:36
作者:采采
新建HTML文件
如图所示,我们可以通过以下步骤新建一个HTML文件:
1. 新建一个记事本,并将记事本的名字改为"html无序列表的使用(18).html",并回车键确定,以使文件转化为浏览器可以打开的HTML网页文件。
2. 在文件图标上鼠标右击,在弹出的下拉列表菜单中,依次选择"打开方式(H)",之后选择"Sublime Text"这个程序。
编写HTML代码
如图所示,我们可以通过以下步骤编写HTML代码:
1. 写一个标签用来声明这是一个HTML5的文档。
2. 再写一个标签用来包含HTML文档的主体部分。
3. 再写一个
标签用来包含HTML文档的头部部分,其中包括4. 写上HTML的主体部分用
- 标签,
- 标签则用于定义列表项目。
使用无序列表
如图所示,我们可以通过以下步骤使用无序列表:
1. 使用
- 标签定义列表项。
2. 默认情况下,列表项前面的符号为实心的圆点。
3. 可以通过在
- 标签中添加list-style-type属性来改变列表项前面的符号类型。例如,设置list-style-type的值为circle,则列表的项目前面符号为空心圆;设置为square,则列表的项目前面符号为实心方圆。
- 我是无序列表第一行
- 我是无序列表第二行
- 我是无序列表第三行
- 我是无序列表第一行
- 我是无序列表第二行
- 我是无序列表第三行
- 我是无序列表第一行
- 我是无序列表第二行
- 我是无序列表第三行
预览HTML文件
如图所示,我们可以通过以下步骤预览HTML文件:
1. 鼠标右击HTML文件,在弹出的下拉列表菜单中选择"在浏览器中打开"这一项。
2. 在浏览器中打开HTML文件,即可看到无序列表的效果。
3. 第一个无序列表的前面符号为实心圆点,第二个无序列表的前面符号为空心圆点,第三个无序列表的前面符号为实心方圆。
源代码参考
如图所示,以下是本案例的源代码,供大家参考:
```html
html无序列表的使用(18) /* 这里可以添加CSS样式 */
```
以上就是关于HTML无序列表的使用方法。通过使用无序列表标签,我们可以更加规范地呈现内容,并且可以根据需要对列表项目的符号进行自定义设置。希望本文对您有所帮助!
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
- 标签用于定义无序列表的标签,
上一篇
如何隐藏Win10系统下方任务栏
下一篇
如何将图片调透明置顶