第四期：关于列表，表格
最近我们45工作室在做老师布置的任务(新冠肺炎的题库，我们六年级)，所以这两天没有更新。谢谢你的支持
etica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;white-space: normal;min-height: 1em;max-width: 100%;background-color: rgb(255, 255, 255);box-sizing: border-box !important;overflow-wrap: break-word !important;”>这节课我们讲列表和表格，那么接下来介绍一下这节课会用到的标签/属性/样式：
| <ul> | 用于定义无序HTML列表。 |
| <ol> | 用于定义有序HTML列表。 |
| <li>?? | 定义列表项目，可用在有序列表和无序列表中。 |
| <table> | 用于定义HTML表格。 |
| <caption> | 定义标题 |
| <th> | 定义表头 |
| <tr> | 定义表格行 |
| <td> | 定义表格单元。 |
| border | CSS样式，用于定义边框的粗细与颜色 |
<ul><li>
这两个标签用于定义无序列表（<ul>）和列表的项目（<li>）
什么是无序列表？
<ol>
<ol>用于定义有序列表。为了方便理解，我们可以举一个例子：
有一天，小[数据删除] 列出了他最喜欢吃的几种食物，排名如下：
| 排名 | 喜欢吃的食物 |
| 第一名 | 玉米 |
| 第二名 | 烤面筋 |
| 第三名 | 窝窝头 |
| 第四名 | 大枣小米水饭 |
| 第五名 | 区块链 |
| 第六名 | 烧鸡 |
| 第七名 | 迷hotel |
| 第八名 | 小憨堡 |
ta想在网页做一个有序列表来表明它们的排名，我们来学习一下ta的做法。
我们可以使用标签<ol>来生成有序列表。有序列表前面的不是“·”，是数字。
表格：
后来，小 [数据删除] 给ta的█个朋友做了一份对于这些食物喜好的表格，在html中要怎么生成一份最简易的表格呢？
<th><tr><td>
这三个标签的作用分别是定义表头/表格行/表格单元。他们都必须在标签<table>的范围内。<th>和<td>必须在标签<tr>的范围内，像这样：
生成了一个三列三行（其中一行是表头）的表格。
（在没有输入文字的情况下，我们要记得定义边框）
用标签<caption>来定义表格的标题。
接下来把表格的单元格扩充完整
注：px为像素 solid代表固体 black代表黑
效果图：
最后，找到对应的单元格输入他们的评价，一张表格就做好了。
作者：
Алексей
四五帮帮主，四五dark♂帝国元首（划掉）
喜欢HTML/CSS/JS
07年出生，福建福州人，未来的程序员
素描八级，但是还是要请美工
本来想做小程序，结果开了个公众号天天在那边写稿
wawjf
（我爱微积分）
与楼上同班同学，都是很hj的人（是的
往期内容
面向05后的HTML教程——第一期
面向05后的HTML教程——第二期
一部分和文本有关的标签
面向05后的HTML教程——第三期
