创建图片标签页面
被考次数: 5次
被考频率: 中频率
答错率:    41%
知识难度:
考试要求: 掌握     
知识路径:  > 电子商务系统程序设计基础  > Web 设计基础  > HTML5标记语言  > HTML5标记语言


本知识点历年真题试卷分布
>> 试题列表    
 

 
       图像的插入和编辑
       图片是网页设计中必不可少的元素,在HTML中我们可以在网页的任何位置插入图片,并且对图片进行设置及建立超链接和热区等操作。
       (1)图片的基本用法。
       基本语法:
       
       语法说明:img标签的作用就是插入图片,src属性用来指定图片文件所在的路径,这个路径可以是相对路径,也可以是绝对路径。当鼠标移动至图片区域内停留时会显示提示文字,alt属性的提示文字可以是中文也可以是英文。width和height属性分别代表图片的宽和高,单位可以是像素,也可以是百分比。如果在使用宽度和高度属性中,只设置了其中一个属性,那么另一个属性会按原始图片宽高等比例显示。但是如果两个属性没有按原始大小的缩放比例设置,图片可能变形。border为边框线的宽度,用数字表示,单位为像素。
       (2)超链接及设置图片链接
       超链接在网页制作中是一个必不可少的部分,在浏览网页时,单击一张图片或者一段文字就可以弹出一个新的网页,这些功能都是通过超链接来实现的,超链接通过标签来实现。
       ①插入超链接。
       基本语法:
       
       语法说明:在HTML文件中,需要使用超链接时用标签将需要建立链接的内容包括起来,href属性的URL值可以设置为相对路径或者绝对路径。
       ②设置图片链接。
       基本语法:
       
       语法说明:href属性是用来设置图片的链接地址URL,target属性用来设置目标窗口的打开方式。
       ③设置图片热区链接。
       基本语法:
       
       热区图像及热区链接属性的定义如下:
       
       语法说明:《img》标签用来插入图片和引用映射图片名称,即用usemap属性来引用在标签中所定义的映射图片名称,并且要在名称前加上#号。标签只有一个name属性,用来定义映射图片的名称。标签有三个属性,shape属性、coords属性和href属性。href属性用来定义超链接的目标地址;shape属性用来定义热区的形状,可以取3个属性值;coords属性用来定义热区的坐标,不同的形状其coords属性的设置方式也不同,shape属性值对应的coords属性值如下表所示。
       
       shape属性值对应的coords属性值
       音频和视频的插入和编辑
       (1)插入音频或视频文件
       基本语法:
       
       语法说明:src属性用来指定插入的多媒体文件地址或多媒体文件名,同时文件一定要加上后缀名;width和height属性用来设置多媒体文件的宽度和高度,单位为像素;autostart属性用来设置多媒体文件的自动播放,有两个取值true和false,true表示在打开网页时自动播放多媒体文件,false是默认值,表示打开网页时不自动播放;loop属性用来设置多媒体文件的循环播放,只有两个取值true和false,true表示多媒体文件将无限循环播放,false表示多媒体文件只播放一次。
       (2)添加HTML5新增的多媒体标签
       为了能够更加方便地在页面中嵌入音频和视频文件,HTML5新增了
       检查浏览器是否支持
       
       这段脚本代码会动态创建audio元素,然后检查canPlayType()函数是否存在。通过执行两次逻辑非运算符“!”,将其结果转换成布尔值,就可以确定音频对象是否创建成功。同样,video元素也可以采用这种方法检查。
       ①使用音频
       基本语法:
       
       语法说明:src属性用来指定音频文件的地址或文件名,而且文件要加上后缀名;controls属性向用户显示控件,例如播放按钮。
       ②使用视频
       基本语法:
       
       语法说明:src属性用来指定视频文件的地址或文件名,而且文件要加上后缀名;width和height属性设置,从而控制视频的宽度和高度。controls向用户显示控件,例如播放按钮。
       ③套接标签。
       由于各种浏览器对音频和视频的编解码器的支持不一样,为了能够在各种浏览显示音频和视频效果,可以提供多种不同格式的音频和视频文件。这就需要使用签为
       
       或
       
       由上面可以看出,使用代替了
 

更多复习资料
请登录电脑版软考在线 www.rkpass.cn

京B2-20210865 | 京ICP备2020040059号-5
京公网安备 11010502032051号 | 营业执照
 Copyright ©2000-2025 All Rights Reserved
软考在线版权所有