html列表有几种类型,04. HTML学习篇章四(列表+块+类)

一. 列表

概念:支持有序、无序和定义列表。列表项内部可以使用段落、换行符、图片、链接以及其他列表等等

1.1 无序列表

无序列表是一个项目的列表，使用小黑圆圈进行标记。

无序列表始于

• 标签。每个列表项始于
• 。

  示例demo

  • 我是第一
  • 我是第二

  浏览器显示为:

  我是第一

  我是第二

  1.2.有序列表

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

  有序列表始于

  1. 标签。每个列表项始于
  2. 标签。也可在
     1. 添加start属性,设置起始序列

     1.3.定义列表

     自定义列表不仅仅是一列项目，而是项目及其注释的组合。

     自定义列表以

     开始。每个自定义列表项的定义以

     开始。

     1.4.列表标签表格

     标签

     描述

     定义有序列表

  定义无序列表。

• 定义列表项。

  定义定义列表。

  定义定义项目。

  定义定义的描述。

  已废弃。使用

  • 代替它。

  已废弃。使用

  • 代替它。
  1. 中属性:reversed--降序 start--起始值 type--1/A/a/I/i

  1.5.demo

  1. 傻瓜1
  2. 傻瓜2
  1. 傻瓜1
  2. 傻瓜2

  Disc

  • 苹果
  • 李子
    • 香蕉
    • 牛奶
      • 香蕉
      • 牛奶

  Circle

  • 苹果
  • 李子

  Square

  • 苹果
  • 李子

  截图:

  

  Snip20160831_62.png

  二. 块

  概念:可以通过

  和 将 HTML 元素组合起来。

  2.1

  元素

  元素是块级元素，意味着它的内容自动地开始一个新行。实际上，换行是

  固有的唯一格式表现。可以通过

  的 class 或 id 应用额外的样式。可以将他看做是容器。

  不必为每一个

  都加上类或id，虽然这样做也有一定的好处。，class 用于元素组(类似的元素，或者可以理解为某一类元素)，而 id 用于标识单独的唯一的元素。

  元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。

  如果与 CSS 一同使用，

  元素可用于对大的内容块设置样式属性。

  元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用

  2.2

  元素是内联元素，可用作文本的容器。

  元素也没有特定的含义。

  当与 CSS 一同使用时， 元素可用于为部分文本设置样式属性。

  内联元素

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

  例子：

  分组标签

  标签

  描述

  定义文档中的分区或节(division/section)。

  定义 span，用来组合文档中的行内元素。

  demo

  是不是傻

  我是个p

  hellowork 世界

  截图:

  

  Snip20160831_61.png

  三. 类

  对 HTML 进行分类(设置类)，使我们能够为元素的类定义 CSS 样式。为相同的类设置相同的样式，或者为不同的类设置不同的样式。

  分类块级元素

  元素是块级元素。它能够用作其他 HTML 元素的容器.

  设置

  元素的类，使我们能够为相同的

  元素设置相同的类

  分类行内元素

  元素是行内元素，能够用作文本的容器。

  设置元素的类，能够为相同的元素设置相同的样式。

  demo:

  1.在

  设置类名和样式demoTitle

  .cities{

  background-color: beige;

  color: black;

  margin: 10px;

  padding: 15px;

  }

  span.red{

  color: red;

  }

  2.在body中设置内容

  中国

  中国是以华夏文明为源泉、中华文化为基础并以汉族为主体民族的多民族国家，通用汉语。中国人常以龙的传人、炎黄子..

  美国

  中国是以华夏文明为源泉、中华文化为基础并以汉族为主体民族的多民族国家，通用汉语。中国人常以龙的传人、炎黄子..

  韩国

  中国是以华夏文明为源泉、中华文化为基础并以汉族为主体民族的多民族国家，通用汉语。中国人常以龙的传人、炎黄子..

  我就是我无可替代不一样的我

  3.截图:

  

  Snip20160831_60.png