HTML标记的语法

双边标记：<标记名称属性1=“属性值1”属性2=“属性值2”>

一个人可以看成一个对象，人对象有身高、体重、年龄、学历等特征。

例如：<张三height=”180”weight=”200”age=”200”edu=”研究生”>

例如：李四

单边标记：<标记名称属性1=“属性值1”属性2=“属性值2”>

说明：单边标记起一个特殊的作用，比如：换行标记、水平线等

例如：

---

水平线标记

换行标记

字体修饰标记

加粗：内容

斜体：内容

下划线：内容

下标：

上标：

字体颜色、大小：内容

例如：大家好

解决网页乱码的问题：要保证各个环节的字符编码一致

（1）编辑器的编辑环境的字符集(默认字符集)：Ctrl+U

常用的编码GB2312(简体)、GBK(简体)、BIG5(繁体)、UTF-8(多国语言编码)

（2）标记的字符集设定与编辑环境的字符集一致

字符集设置：

（3）PHP的字符集设置

（4）MySQL的字符集设置

注意：不需要考滤浏览器的字符集。

任何软件的默认字符编码都是ANSI编码，ANSI在中国，对应的具体的编码是GBK或GB2312。

的常用属性

Text：指网页的前景颜色，就是指网页中的文本颜色；

bgColor：网页的背景颜色

background：网页背景图片路径。background=”images/bg.gif”

例如：

排版标记

1、水平线：

常用的属性：

Size：指定水平线的粗细，单位默认是像素，例如：size=5

Width：指定水平线的宽度，取值：固定值、百分比。例如：width=500width=50%

Align：水平线的水平对齐方式，取值：left、center、right

Noshade：不加阴影，也就是纯色显示，该属性比较特殊，没有属性值。

提示：HTML中的标记及属性，不区分大小写。

例如：

2、段落标记：

Align：水平对齐，取值：left、center、right

提示：在段落的前后，会自动插入一个空行。

3、标题标记

一级标题：

二级标题：

三级标题：

四级标题：

五级标题：

六级标题：

4、预排版标记

含义：将保留其中的所有的空白字符(空格、换行符)。原封不动的输出结果。

说明：真正排网页过程中，

标记几乎用不着。但在PHP中用于打印一个数组时使用。

HTML字符实体

空格：

>：>

<：<

&：&

人民币：¥

版权：©

乘号：×

除号：÷

项目符号(无序列表)标记

标记结构：

内容

内容

……

常用属性：

Type：指定项目符号的类型，取值：disc(实心圆点)、circle(小圆圈)、square(方块)

提示：这个type属性，既可能给

添加，也可以给

添加。

注意：项目符号可以是图片，但是通过CSS设置

标记的背景图片来实现。(CSS中讲)

项目符号之间相互嵌套

北京市

海淀区

朝阳区

东城区

广州市

天河区

越秀区

天津市

说明：项目符号嵌套，是在某一个

标记中来嵌套一个完整的

标记。

编号列表(有序列表)标记

内容

内容

……

常用的属性：

Type：编号的类型，取值：1、a、A、I(大罗马)、i(小罗马)

Start：从第几开始编号，取值只能是数字。

编号列表的应用

HTML

CSS

JavaScript

PHP+MySQL

编号列表相互嵌套：跟上面

的嵌套一样，也都是在

标记中，来嵌套一个完整的

。