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
编号列表相互嵌套:跟上面
的嵌套一样,也都是在
标记中,来嵌套一个完整的
。