HTML列表知识点
1.1列表类型与标记符号
| 列表类型 | 标记符号 | 备注 |
|---|---|---|
| 无序列表 | <ul>……</ul> |
常用 |
| 菜单列表 | <menu>……</menu> |
不常用 |
| 目录列表 | <dir>……</dir> |
不常用 |
| 有序列表 | <ol>……</ol> |
常用 |
| 定义列表 | <dl>……</dl> |
常用 |
1.2无序列表
1.基本语法
<ul type="">
<li type="">项目名称</li>
<li type="">项目名称</li>
…………
</ul>
2.语法说明
ul标记的type属性有三个值
| 属性值 | 说明 |
|---|---|
| disc | 实心圆行 ● |
| circle | 空心圆形○ |
| square | 实心正方形■ |
【例1-2-1】
<!-- 1-2-1 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>列表练习</title>
</head>
<body>
<h4>Disc项目符号列表：</h4>
<ul type="disc">
<li >计算机科学与技术</li>
<li >软件工程</li>
<!-- 定义type属性值为“circle” -->
<li type="circle">移动互联</li>
</ul>
<h4>Circle 项目符号列表</h4>
<ul type="circle">
<li >计算机科学与技术</li>
<!-- 定义type属性值为“square” -->
<li type="square">软件工程</li>
<li >移动互联</li>
</ul>
<h4>Square 项目符号列表</h4>
<ul type="square">
<li >计算机科学与技术</li>
<li >软件工程</li>
<li >移动互联
最低0.47元/天 解锁文章
324
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
