注：此为看的视频总结方便后续复习。
前面都是一些例子和程序结合的图片，之后会在结尾进行总结，因此之后会把这类文章分为2部分
1实例+程序：
表格是用来显示数据的，而列表是用来布局的
列表最大的特点是整齐、整洁、有序，它作为布局会更加自由和方便
根据使用情景不同，列表可以分为三大类：无序列表、有序列表和自由列表
（1）无序列表：
<ul> </ul>标签 order有顺序的意思unordered list是无序列表的意思，ul则是其缩写
一般<ul> </ul>会以项目符号呈现列表项，而列表使用<li> </li>标签来定义，无序列表的基本语法格式如下：
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ul>
程序：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<ul>
<li>角色名称</li>
<li>角色适配圣遗物</li>
<li>角色人物背景</li>
<li><img src="七七.jpg" width="100" heigth="100"></li>
</ul>
</body>
</html>
特点：每一个<li> </li>标签在执行时，会打出一个黑点，这个学CSS时，能去掉
1无序列表的各个列表项之间没有顺序级别之分，是并列的
2<ul> </ul>中只能嵌套<li> </li>，直接在<ul> </ul>标签中输入其他标签或者文字的做法是不被允许的
3<li> </li>之间相当于一个容器，可以容纳所有元素
4无序列表会带有自己的样式属性（小黑点），但在实际使用时，可以用CSS来设置消除掉
(2)有序列表：
有序列表即为有排列顺序的列表，其各个列表项会按照一定的顺序排列定义
<ol> </ol>标签 order有顺序的意思oredered list是有序列表的意思，因此ol为有序列表的缩写
在使用<ol> </ol>标签时，列表排序会以数字来显示，并且使用<li> </li>标签来定义列表项
格式如下：
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
程序：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<ol>
<li>角色名称</li>
<li>角色适配圣遗物</li>
<li>角色人物背景</li>
<li><img src="胡桃.jpg" width="100" heigth="100"></li>
</ol>
</body>
</html>
1<ol> </ol>中只能镶嵌<li> </li>，直接在<ol> </ol>标签中输入其他标签或文字的做法是不被允许的
2<li> </li>之间相当于一个容器，可以容纳所以元素
3有序列表会带有自己样式属性，但在实际使用时，我们会用CSS来设置
（3）自定义列表：
使用场景：
自定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号
在HTML标签中，<dl> </dl>标签definition有定义的意思，因此dl是自定义标签的缩写
<dl>
<dt>名词1</dt>
<dd>名词1解释</dd>
<dd>名词2解释</dd>
</dl>
1<dl> </dl>里面只能包含<dt>和<dd>
2<dt>和<dd>个数没有限制，经常是一个<dt>对应多个<dd>
其中<dt> </dt>中的内容和<dd> </dd>中的内容是同级关系，且后者围绕着前者，起解释作用
这个没有什么特点，我也写不出什么好代码，就没敲了
2总结：
表格是用来显示数据的，而列表是用来布局的
列表最大的特点是整齐、整洁、有序，它作为布局会更加自由和方便
根据使用情景不同，列表可以分为三大类：无序列表、有序列表和自由列表
无序列表
<ul> </ul>标签 order有顺序的意思unordered list是无序列表的意思，ul则是其缩写
一般<ul> </ul>会以项目符号呈现列表项，而列表使用<li> </li>标签来定义
特点：每一个<li> </li>标签在执行时，会打出一个黑点，这个学CSS时，能去掉
1无序列表的各个列表项之间没有顺序级别之分，是并列的
2<ul> </ul>中只能嵌套<li> </li>，直接在<ul> </ul>标签中输入其他标签或者文字的做法是不被允许的
3<li> </li>之间相当于一个容器，可以容纳所有元素
4无序列表会带有自己的样式属性（小黑点），但在实际使用时，可以用CSS来设置消除掉
有序列表：
有序列表即为有排列顺序的列表，其各个列表项会按照一定的顺序排列定义
<ol> </ol>标签 order有顺序的意思oredered list是有序列表的意思，因此ol为有序列表的缩写
在使用<ol> </ol>标签时，列表排序会以数字来显示
1<ol> </ol>中只能镶嵌<li> </li>，直接在<ol> </ol>标签中输入其他标签或文字的做法是不被允许的
2<li> </li>之间相当于一个容器，可以容纳所以元素
3有序列表会带有自己样式属性，但在实际使用时，我们会用CSS来设置
自定义列表：
自定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号
在HTML标签中，<dl> </dl>标签definition有定义的意思，因此dl是自定义标签的缩写
1<dl> </dl>里面只能包含<dt>和<dd>
2<dt>和<dd>个数没有限制，经常是一个<dt>对应多个<dd>
其中<dt> </dt>中的内容和<dd> </dd>中的内容是同级关系，且后者围绕着前者，起解释作用
觉的我写的好的能给我一个免费的赞吗？你的每一个赞是对我最大的支持，毕竟写一篇至少要半小时，也不容易
3815
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
