html中列表、表格及表单的使用

css中列表、表格及表单的使用

目录

---

前言

在网页制作中，列表的使用场合很多，如常见的树形可折叠菜单、购物网站的商品展示等。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、什么是列表？

列表是信息资源的一种展示，它使信息结构化和条理化，并以条列的样式显示出来，以便浏览者能更快捷地获得相应信息。

二、不同列表及其应用

1.无序列表

无序列表是一个项目列表，其中的项目使用粗体原点进行标记。一般用于无序类型的列表，如导航、侧边栏新闻、有规律的图文组合模块等。

无序列表结构语法如下（示例）：

<ul>
  <li>第一项</li>
  <li>第二项</li>
  <li>第三项</li>
</ul>

2.有序列表

有序列表也是一个项目列表，其中的项目使用数字进行标记。

有序列表代码如下（示例）：

<ol>
  <li>第一项</li>
  <li>第二项</li>
  <li>第三项</li>
</ol>
    

三、表格的结构和语法

1.表格的基本结构

1.单元格：表格的最小单位，一个或多个单元格纵横排列组成表格；
2.行：一个或多个单元格横向堆叠形成行；
3.列：由于表格单元格的宽度必须一致，所以单元格纵向排列成列。

2.表格的基本语法

由table标签定义

基本语法结构代码如下（示例）：

<table>
  <tr>
      <th>第一个单元格的内容</th>
      <th>第二个单元格的内容</th>
      ...
  </tr>
  <tr>
     <td>第一个单元格的内容</td>
     <td>第二个单元格的内容</td>
     ...
  </tr> 
</table