10、网页内容呈现：列表、表格与图像的运用

网页内容呈现：列表、表格与图像的运用

在网页设计中，合理组织文本内容至关重要。大量的文本如果不进行有效分割，会让访问者很快失去阅读兴趣。列表和表格是非常出色的组织工具，能让网页更易读、浏览速度更快。同时，图像的运用也能提升网站的吸引力和可读性。下面将详细介绍列表、表格和图像的创建与使用方法。

列表的创建

列表分为无序列表（项目符号列表）和有序列表（编号列表），此外还有嵌套列表。

无序列表

无序列表是组织一系列项目最常见的方式之一，每个项目前会有一个项目符号（通常是黑点）。在 HTML 中，无序列表使用 <ul> 和 <li> 元素创建。
- 创建普通无序列表 ：

<ul>
  <li>Patriots</li>
  <li>Jets</li>
  <li>Bills</li>
  <li>Dolphins</li>
</ul>

• 使用替代项目符号 ：仅使用 HTML 时，项目符号的选择有限，但添加一点 CSS 就能自定义项目符号的外观。 list-style-type CSS 属性可用于设置列表项标记的类型，如 square（方形）、circle（空心圆形）、disc（默认的黑色圆形）或 none（无）。