Web前端第六章复习

 本章复习内容主要包含滚动文字（marquee、direction、behavior）、embed标记、插入图像（img的各种属性用法）。

一、插入图像

1.基本语法

插入图像的基本语法：<img src="url" alt="">。其中src中引号部分就是图片的地址，可以参考前面第五章中讲到的路径写法。alt是当图片路径出现问题导致图片无法显示时出现的文字。

2.属性（重点）

 ①img属性

alt：图像替代文本

src：图像路径

name：图像名称（当鼠标放在图片上的时候显示的名字）

height/weight：分别是图像的高度和宽度

②align属性：图像排列位置

top：图片顶端与当前这一行的文字对齐

middle：图像中线与当前行的文字中线对齐

bottom：图像底端与当前行的文字底端对齐

left/right：分别是图像左/右对齐，浮动于文字之外，文字环绕图片

center：图像中线与当前行的文字中线对齐

③border：图像边框属性

基本语法：<img src="" border="value">。value用数字表示，单位为px，用来设置边框宽度。

④hspace/vspace：图像左右/上下侧空白

⑤usemap：图像映射

3.滚动文字

①marquee

<marquee width="" height="" bgcolor="" 
direction="up|down|left|right" behavior="scroll|slide|alternate" 
space="" vspace="" scrollamount="" scrolldelay="" loop="" 
onMouseOver="this.stop()" onMouseOut ="this. start()">滚动内容</marquee>

marquee是成对标记。onMouseOver="this.stop()"是当鼠标指针移动到文字区域时滚动内容暂停
 onMouseOut ="this. start()"是当鼠标指针移出文字区域时滚动内容继续播放。

②direction

③behavior

4.emded

作用：用于嵌入图像音频、视频、html文件。

<embed src="url" width="" height="" type=""></embed>