学习总结20150903--列表-CSDN博客

本文链接：https://blog.csdn.net/cl07300_/article/details/48198679

HTML 支持有序、无序和定义列表

列表标签

标签	描述
<ol>	定义有序列表。
<ul>	定义无序列表。
<li>	定义列表项。
<dl>	定义定义列表。
<dt>	定义定义项目。
<dd>	定义定义的描述。
<dir>	已废弃。使用 <ul> 代替它。
<menu>	已废弃。使用 <ul> 代替它。

无序列表始于 <ul> 标签,每个列表项始于 <li>。有序列表始于 <ol> 标签,每个列表项始于 <li> 标签。自定义列表不仅仅是一列项目，而是项目及其注释的组合。自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以<dd> 开始。

列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

在所有浏览器中，链接的默认外观是：

· 未被访问的链接带有下划线而且是蓝色的

· 已被访问的链接带有下划线而且是紫色的

· 活动链接带有下划线而且是红色的

一、有序列表

HTML <ol> 标签

属性：提示：请使用样式来定义列表的类型。

属性	值	描述
compact	compact	HTML5 中不支持。HTML 4.01 中不赞成使用。规定列表呈现的效果比正常情况更小巧。
reversed	reversed	规定列表顺序为降序。(9,8,7...)
start	number	规定有序列表的起始值。
type	· 1 · A · a · I · i	规定在列表中使用的标记类型。

二、无序列表

HTML <ul> 标签

可选的属性 提示：请使用样式来定义列表的类型。

属性

值

描述

compact

不赞成使用。请使用样式取代它。

规定列表呈现的效果比正常情况更小巧。

type

· disc

· square

· circle

不赞成使用。请使用样式取代它。

规定列表的项目符号的类型。

三、定义列表

<dl>标签定义了定义列表（definition list）。

<dl> 标签用于结合 <dt> （定义列表中的项目）和 <dd> （描述列表中的项目）。

HTML 块元素（block level element）

块级元素在浏览器显示时，通常会以新行来开始（和结束）。

例子：<h1>, <p>,<ul>, <table>

HTML 内联元素（inline element）

内联元素在显示时通常不会以新行开始。

例子：<b>, <td>,<a>, <img>

HTML 分组标签

标签	描述
<div>	定义文档中的分区或节（division/section）。
<span>	定义 span，用来组合文档中的行内元素。

HTML <div> 标签

定义和用法

<div>可定义文档中的分区或节（division/section）。

<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。

用法

<div>是一个块级元素，它是可用于组合其他 HTML 元素的容器。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。提示：请使用 <div> 元素来组合块级元素，这样就可以使用样式对它们进行格式化。

可以对同一个 <div> 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。