web应用与开发知识梳理2——波里个波创作！

在此，波里个波友情提示：由于该知识点很多所以分几弹完成，因为作为一名学习者我也需要消化好才能给大家更好的帮助。

一.列表标签

1.有序列表

语法如下：
< ol >
< li > 列表项1 < /li >
< li > 列表项2 < /li >
…
< /ol >

(1).< ol >< /ol >

（1）属性： type 设置编号种类
取值：
l：1、2、3…
A：A、B、C…
a：a、b、c…
I：I、II、III…
i：i、ii、iii…
（2）属性：start 设置编号的起始序号
取值：
1、2、3等整数，默认值是1

(2).< li >< /li >

（1）属性：type和< ol >中的一致
（2）属性：value 设定该项编号
取值：
1、2、3等整数，无默认值
其后各项将此作为起始编号而递增

2.无序列表

语法如下：
< ul >
< li >列表项1< /li >
< li >列表项2< /li >
…
< /ul >

(1).< ul >< /ul >

属性：type 设置列表中所有列表项前的项目符号类型

(2).< li >< /li >

属性：type 设置当前列表项前的项目符号类型

type的取值：
disc：实心圆点（默认值）
circle：空心圆点
square：实心正方形

3.自定义列表

语法如下：
< dl >
< dt >第一个列表项< /dt >
< dd >对第一个列表项的说明< /dd >
< dt >第二个列表项< /dt >
< dd >对第二个列表项的说明< /dd >
…
< /dl >

二.多媒体和超链接标签

在此先作一下简单解释：
多媒体有图像、视频、背景音乐等多种形式，可以使网页更加丰富有趣。
超链接可以使得包含不同信息的网页链接在一起。

1.插入图像

< img > 可为网页添加.gif、 .jpg、.png等格式的图像
属性：
(1).src:图像源文件路径（相对路径、绝对路径或者URL）
(2).width:图像的宽度，单位为像素
(3).height:图像的高度，单位为像素
(4).hspace:图像水平方向的边沿空白，以免文字或图片过于贴近，单位为像素
(5).vspace:图像垂直方向的边沿空白，单位为像素
(6).border:图像边框宽度
(7).align:文字与图像并排放置时，指定图像与文本行的对齐方式
属性值：
1.top 与文本行顶部对齐
2.center 水平居中对齐
3.middle 垂直居中对齐
4.bottom 底部对齐（默认值）
5.left 图像左对齐
6.right 图像右对齐
(8).alt:用于描述图像的文字，图像不能显示时则显示该属性值，鼠标移至图像上时，该属性值作为提示信息显示。
== Ps:src="image/scenery.jpg"中的image是文件名，即scenery.jpg在该文件夹中。==

2.插入背景音乐

< bgsound > 可在网页中添加.wav、.mid、.mp3等格式的背景音乐
属性：
(1).balance 指定音乐的左右均衡
(2).delay 指定播放延时
(3).loop 指定音乐循环播放次数
值为-1或infinite时，表示无限循环
(4).src 指定音乐源文件路径
(5).volume 音量

3.插入超链接

基本格式如下：
< a href=“资源地址” target=“目标窗口” >超链接文本及图像< /a >
< a >< /a > 用来创建超链接
属性：

(1).href

链接地址
网站外部：URL
网站内部：绝对路径或相对路径

(2).target

显示链接目标的窗口
取值：
1._blank 浏览器总在一个新打开、未命名的窗口载入目标文档
2._parent 目标文档载入当前窗口的父窗口中
3._self 目标文档载入并显示在当前窗口中（默认值）
4._top 清除当前窗口所有被包含的框架并将目标文档载入整个浏览器窗口

== 例： < a href=“http://www.tup.tsinghua.edu.cn/” target="_blank" >清华大学出版社< /a > ==