呐情忒爽 2022-11-20 18:07:19

今天为大家带来了HTML中的表格与列表、块及类与ID的基础知识，首先为大家介绍的是HTML中的表格与列表。

一、HTML中的表格与列表：

相信大家都知道在office、Excel等办公软件中如何制作表格，那大家知道如何在网页上制作表格呢？同时网页上面的注册和登陆表又是怎么制作出来的呢？今天将会为大家详细讲解。

1、表格：

①　了解标签

在网页上的表格制作是用标签来定义的。

②　table中的和标签

l 每个表格有若干行，即用标签来定义。

l 每行被分割为若干单元格，即用标签来定义。

示例图

运行结果：

③　在元素中添加border属性就可以显示边框，示例：

运行结果：

④　表单的表格用标签表示，示例：

运行结果：

2、列表

列表分为无序列表、有序列表和定义列表

①　无序列表

l 无序列表是一个项目的列表，此列表项目使用粗体圆点进行标记。

l 无序列表始于标签，每个列表始于，示例：

运行结果：

l 在标签中使用type属性可以改变列表前面的符号，示例：

运行结果：

②　有序列表

l 与无序列表不同的是，有序列表使用的是标签，示例：

运行结果：

在标签中添加type属性，可以改变列表前面的符号，示例：

运行结果：

③　定义列表

l 定义列表就是自定义列表，是项目及其注释的组合。

l 自定义列表以标签开始，每个自定义列表项以开始，每个自定义列表项的定义以开始，示例：

运行结果：

二、HTML中的块：

1、大多数HTML元素被定义为块级元素或内联元素

①　块级元素在浏览器显示时，通常以新行来开始（和结束），例如：、

、、等。

②　内联元素在显示时通常不会以新行开始，例如：、、、等。