HTML-无序列表
2020-07-27 本文已影响0人
小驴拉磨
无序列表的各个列表项之间没有顺序级别之分,是并列的。其基本语法格式如下:
<ul>
<li>列表项1</li>
<li>列表项1</li>
<li>列表项1</li>
......
</ul>
示例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小驴拉磨</title>
</head>
<body>
<!-- 图片在同级目录 -->
<h3>最喜欢的水果</h3>
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>橘子</li>
<li>水果萝卜</li>
</ul>
</body>
</html>
image.png
注意事项：
1.<uI></ul>中只能嵌套<li></li>,直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
2.<li>与</li>之间相当于一个容器,可以容纳所有元素。
3.无序列表会带有自己样式属性,放下那个样式,让CSS来。
