一. 列表
概念:支持有序、无序和定义列表。列表项内部可以使用段落、换行符、图片、链接以及其他列表等等
1.1 无序列表
无序列表是一个项目的列表,使用小黑圆圈进行标记。
无序列表始于
- 标签。每个列表项始于
- 。
示例demo
- 我是第一
- 我是第二
浏览器显示为:
我是第一
我是第二
1.2.有序列表
有序列表也是一列项目,列表项目使用数字进行标记。
有序列表始于
- 标签。每个列表项始于
- 标签。也可在
- 添加start属性,设置起始序列
1.3.定义列表
自定义列表不仅仅是一列项目,而是项目及其注释的组合。
自定义列表以
-
开始。每个自定义列表项的定义以
-
开始。
1.4.列表标签表格
标签
描述
定义有序列表
定义无序列表。
定义列表项。
定义定义列表。
定义定义项目。
定义定义的描述。
已废弃。使用
- 代替它。
已废弃。使用
- 代替它。
- 中属性:reversed--降序 start--起始值 type--1/A/a/I/i
1.5.demo
- 傻瓜1
- 傻瓜2
- 傻瓜1
- 傻瓜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