<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
<title>列表表格</title>
</head>
<body>
<!-- 列表标签：
1.应用场景：在网页中按照行展示关联性的内容，如：新闻列表（无序），手机销量排行榜（有序），账单（自定义列表）。
列表分类：无序列表，有序列表，自定义列表：
无序列表：在网页中表示一组无顺序之分的列表，如：新闻列表。
标签组成：
ul 表示无序列表的整体，用于包裹li标签。
li 表示无序列表的每一项，用于包含每一行的内容。
显示特点： 列表的每一项前默认显示圆点标识
注:ul标签中只允许包含li标签；li标签可以包含任意内容。列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
有序列表：有序列表也是一列项目，列表项目使用数字进行标记。如手机销量排行榜。
标签组成：有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
ol
li
注:
自定义列表：在网页底部导航中通常会使用自定义列表实现。
标签组成：自定义列表的整体 <dl>
每个自定义列表的主题 <dt>
每个自定义列表的主题的每一项 <dd>
注:dl标签里只允许包含dt/dd标签，dt/dd标签可以包含任意内容。
-->
<h4>一个无序列表：</h4>
<ul>
<li>新闻1</li>
<li>新闻2</li>
<li>新闻3</li>
</ul>
<h4>一个有序列表：</h4>
<ol>
<li>华为</li>
<li>苹果</li>
<li>vivo</li>
</ol>
<h4>一个自定义列表：</h4>
<dl>
<dt>帮助中心</dt>
<dd>网页指南</dd>
<dd>联系我们</dd>
<dd>加入我们</dd>
</dl>
<!-- 表格标签：在网页中以行+列的方式整齐展示和数据，如，学生成绩。
表格边框：通过属性来添加，包括表格边框，表格的长宽。
基本标签：
table 表格整体，可用于包裹多个tr
tr 表格每行，可用于包裹td
td 表格单元格，可用于包裹内容
相关属性：
border 边框宽度
width 表格宽度
height 表格高度
表格标题：属性caption，表示表格整体大标题，默认在表格整体顶部居中位置显示。 caption标签书写在table内部
单元格标签：属性th，表示一列小标题，通常用于表格第一行，默认内部文字加粗并居中显示。th标签书写在tr标签内部（用于替换td标签）
合并单元格：(书写在th/td单元格的标签中)
按行合并：rowspan
按列合并：colspan
左上原则：上下合并只保留上，左右合并只保留左。
注：当使用了合并单元格之后，肯定要删除td（每一行的每个单元格）元素。
-->
<table border="1" >
<caption><strong>学生成绩</strong></caption>
<br>
<br>
<tr>
<th>姓名</th>
<th>成绩</th>
<th>评语</th>
</tr>
<tr>
<td>张三</td>
<td rowspan="3">100分</td>
<td>张三你好</td>
</tr>
<tr>
<td>李四</td>
<td>李四你好</td>
</tr>
<tr>
<td>总结</td>
<td>你好</td>
</tr>
</table>
</body>
</html>
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
