快速学会HTML语言-23-无序列表ul标记(实例)

 时间:2026-02-15 20:45:36

1、无序列表ul标记:指没有先后顺序的列表形式,网页最常用的列表形式,当列举产品时是非常不错的选择。

基本框架

<ul></ul>

快速学会HTML语言-23-无序列表ul标记(实例)

2、无序列表,从<ul>起始标记到</ul>结束标记完成。

一个li标记表示一个列表项。

<ul>

<li>北京</li>

<li>上海</li>

<li>天津</li>

</ul>

快速学会HTML语言-23-无序列表ul标记(实例)

3、type属性:设置列表项前面的符号

disc,实心圆

circle,空心圆

square,实心方块

<ul type="square">

<li>北京</li>

<li>上海</li>

<li>天津</li>

</ul>

快速学会HTML语言-23-无序列表ul标记(实例)

4、dir属性:设置文本方向

<ul type="disc" dir="rtl">

<li>北京</li>

<li>上海</li>

<li>天津</li>

</ul>

rtl:从右至左

ltr默认。从左向右的文本方向。

快速学会HTML语言-23-无序列表ul标记(实例)

5、title属性:标记的标题,鼠标放在文本上会显示信息。

<ul title="这是城市地址">

<li>北京</li>

<li>上海</li>

<li>天津</li>

</ul>

快速学会HTML语言-23-无序列表ul标记(实例)

6、id属性,指定的名字就像身份证号码一样,唯一。

class属性,指定的名字就像人的名字一样,可以重名。

lang属性,设置文本的语言信息。

快速学会HTML语言-23-无序列表ul标记(实例)

  • HTML5的网页制作基础
  • php怎么创建数组,怎么foreach 循环遍历数组?
  • 微信开发者工具中的flex-wrap怎样使用?
  • 前端编程-用浏览器自带的取色功能快速拾取颜色
  • 如何用css实现一个在一边其余在另一边的布局
  • 热门搜索
    木马是什么意思 两驱和四驱有什么区别 树欲静而风不止子欲养而亲不待是什么意思 极目远眺的意思 宿醉是什么意思 什么歌什么舞填动物 amber什么意思 全险包括什么 海参什么季节吃最好 2013什么年