无序列表

本文详细介绍了HTML中无序列表的语法、语义、默认样式和常见应用场景,包括新闻列表、产品展示等。同时,讨论了`<ul>`元素的`type`属性,如disc、circle和square列表样式,并指出通常使用CSS替代。
摘要由CSDN通过智能技术生成

1 无序列表

没有序列的一组内容。

(1)语法

<ul>
    <li>苹果</li>
    <li>香蕉</li>
    ...
</ul>

(2)语义

无序列表,用于将没有数字顺序的一组数据或内容进行分组。

(3)默认样式(演示)

  • 默认间距(外边距、内边距)

  • 列表样式:实心圆

(4)典型应用

  • 新闻列表

  • 产品列表

  • 导航、分页、选项止

(5)type属性

  • disc列表样式实心圆

  • circle 列表样式空心圆

  • square列表样式为小方块

    <ul type="square">
        <li>苹果</li>
        <li>香蕉</li>
    </ul>

    注意:type属性不常用,通常使用css属性替代。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值