欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html无序列表标签有哪些

程序员文章站 2022-03-04 11:10:08
...

html无序列表标签有“<ul>”和“<li>”,这两个标签一起使用才可创建无序列表。“<ul>”标签用于定义无序列表,即创建无序列表的框架;而“<li>”标签定义无序列表中的列表项目,一个“<li>”标签代表一个列表项。

html无序列表标签有哪些

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

html无序列表标签有“<ul>”和“<li>”;“<ul>” 标签与 “<li>”标签一起使用,创建无序列表。

  • “<ul>”标签用于定义无序列表

  • “<li>”标签定义无序列表中的列表项目

一个“<li>”标签代表一个列表项。

下面通过代码示例看看无序列表是什么样式的

<ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    <li>....</li>
</ul>

html无序列表标签有哪些

可以通过 ul 标签的type属性来设置列表项符号的类型。

  • disc—实心圆(默认)

  • circle—空心圆

  • square—实心方块

<ul type="disc">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

<ul type="circle">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

<ul type="square">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

html无序列表标签有哪些

推荐教程:《html视频教程

以上就是html无序列表标签有哪些的详细内容,更多请关注其它相关文章!

相关标签: html 无序列表