第2章 列表,表格与媒体元素知识点

本文详细介绍了HTML中列表(包括无序列表、有序列表及定义列表)和表格的基本概念、语法及应用场景。通过实例展示了如何创建不同类型的列表,并解释了表格的结构与跨列、跨行的设置方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.什么是列表?
(1)列表就是信息资源的一种展示形式
(2)以列表的样式显示,可以使信息结构化和条理化,便于浏览者能更快捷地获得相应的信息

2.列表的分类
无序列表,有序列表,定义列表

3.列表及其应用
1.无序列表及其应用
语法
<ul>声明无序列表<li>声明列表项</li></ul>
无序列表特性
无顺序,每个<li>标签独占一行(块元素)
注释:<ul>...</ul>只能嵌套<li>...</li>标签
<li>...</li>标签可以嵌套它们标签

2.有序列表及其应用
语法
<ol>声明有序列表<li>声明列表项</li></ol>
有序列表的特性
有顺序,每个<li>标签独占一行(块元素)
默认<li>标签项前面有顺序标记
注释:<ul>...</ul>只能嵌套<li>...</li>标签
<li>...</li>标签可以嵌套它们标签

3.定义列表
语法
<dl>声明定义列表<dt>声明列表项</dt><dd>定义列表项内容</dd></dl>
定义列表的特性:
1.没有顺序,每个<dt>标签,<dd>标签独占一行(块元素)
2.默认没有标记
3.一般用于一个标签下有一个或多个列表项的情况

1.为什么使用表格
简单通用,结构稳定

2.表格基本结构
单元格,行,列

3.表格的基本语法
<table>表格标签<tr>行标签<th>行列的标题</th><td>单元格标签</td></tr> </table>

4.表格的跨列于跨行
1.表格的跨列
语法:
<table>
<tr><td colspan="所跨的列数">单元内容</td></tr>
<table>
2.表格的跨行
语法:
<table>
<tr><td rowspan="所跨的行数">单元格内容</td></tr>

</table>




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值