HTML/CSS基础：列表、表格与表单的使用详解

本资源主要介绍了HTML/CSS中与列表、表格和表单相关的填充属性、间距属性，以及这些元素的基础用法。 1. 填充属性和间距属性： - `border`：用于设置边框的厚度，是CSS中的属性，可以定义元素边框的宽度，例如`border: 1px solid black;`表示1像素宽的黑色实线边框。 - `cellpadding`：HTML属性，用于设置表格中单元格内容与边框之间的距离，例如`cellpadding="10"`表示内边距为10像素。 - `cellspacing`：HTML属性，用于设置表格中相邻单元格之间的距离，例如`cellspacing="20"`表示单元格间距为20像素。 2. 列表： - 无序列表`<ul>`：用于创建不带顺序的列举项，通常使用`<li>`标签定义列表项。通过`type`属性可以改变默认的圆点样式，如`<ul type="square">`。 - 有序列表`<ol>`：用于创建有顺序的列举项，支持数字、字母和罗马数字等排序方式。同样通过`type`属性设置，如`<ol type="A">`。 - 嵌套列表：一个列表项中可以包含另一个列表，形成多层结构，用于层次分明的内容展示。 3. 表格： - 表格`<table>`：用于组织和展示数据，由行`<tr>`和列`<td>`组成。`border`属性用于设置表格边框的宽度。 - 创建表格的基本语法包括定义表格、行、列和单元格。例如： ```html <table border="1"> <tr> <td>单元格内容</td> </tr> </table> ``` - 表头`<th>`与标题：`<th>`标签用于定义表格的表头单元格，通常具有默认的粗体和居中对齐效果。`summary`属性用于提供表格的概述，方便屏幕阅读器用户理解表格内容。 4. 表单： - HTML表单`<form>`用于收集用户输入的数据，常用元素包括`<input>`（文本框、按钮等）、`<select>`（下拉列表）、`<textarea>`（多行文本输入）等。 - 表单提交方式：`GET`和`POST`，`GET`将数据附加在URL后面，一般用于不敏感数据且数据量较小的情况；`POST`将数据隐藏在请求主体中，适用于传输敏感或大量数据。 通过学习这些知识点，你可以掌握基本的HTML布局和交互能力，包括创建列表、设计表格和构建简单的用户输入表单，从而更好地构建静态网页内容。