养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-09-25 10:35:51

先顶后看年薪百万,如果帮到了你,投个好评。

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

工具/原料

电脑软件Sublime

链接:https://pan.baidu.com/s/1okl-cSmUdEcUSi5iNhBy9g

密码:bpmk

方法/步骤

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

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

2、无序列表,从<ul>起奘疚豫枭始标记到</ul>结束标记完成。一个li标记表示一个列表项。<ul> <li>北京</li> &l墉掠载牿t;li>上海</li> <li>天津</li> </ul>

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

3、type属性:设置列表项前面的符号disc水貔藻疽,实心圆circle,空心圆square,实心方块<ultype=&qu泠贾高框ot;square"> <li>北京</li> <li>上海</li> <li>天津</li> </ul>

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

4、dir属性佼沣族昀:设置文本方向<ultype="disc"dir="rtl"><li>北洌奠刑耦京</li><li>上海</li><li>天津</li></ul>rtl:从右至左ltr默认。从左向右的文本方向。

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

5、title属性:标记的标题,鼠标放在文本上会显示信息。<ultitle="这是城市地址"> <li>北京</li> <li>上海</li> <li>天津</li> </ul>

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

6、id属性,指定的名字就像身份证号码一样,唯一。class属性,指定的名字就像人的名字一样,可以重名。lang属性,设置文本的语言信息。

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

© 一点知识