软考在线  |  计算机技术与软件专业技术资格(水平)考试   |   [请选择科目]
[ 成为 VIP会员 ]        登录  |  注册      我的  购物车
0
 
科目切换  联系我们 
    
  |   [请选择科目]

VIP:有效提升20分!  真题  历年真题 (可免费开通)/  百科全书/ 机考模拟平台/  最难真题榜/  自测/  攻打黄金十二宫/  真题检索/  真题下载/  真题词库
知识   必会知识榜/  最难知识榜/  知识点查询/      文档   学习计划/  精华笔记/  试题文档     纸质图书   《百科全书》HOT!!/         /        首页/  2025年上半年专区/  手机版/ 
首页 > 知识点讲解
       创建图片标签页面
知识路径: > 电子商务系统程序设计基础 > Web 设计基础 > HTML5标记语言 > HTML5标记语言 > 
被考次数:5次     被考频率:中频率     总体答错率:41%     知识难度系数:     
考试要求:掌握      相关知识点:40个      
               图像的插入和编辑
               图片是网页设计中必不可少的元素,在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向用户显示控件,例如播放按钮。
               ③套接标签。
               由于各种浏览器对音频和视频的编解码器的支持不一样,为了能够在各种浏览显示音频和视频效果,可以提供多种不同格式的音频和视频文件。这就需要使用签为
               
               或
               
               由上面可以看出,使用代替了
 
 相关知识点:
 
软考在线指南
优惠劵及余额
在线支付
修改密码
下载及使用
购买流程
取消订单
联系我们
关于我们
联系我们
商务合作
旗下网站群
高级资格科目
信息系统项目管理师 系统分析师
系统架构设计师 网络规划设计师
系统规划与管理师
初级资格科目
程序员 网络管理员
信息处理技术员 信息系统运行管理员
中级资格科目
系统集成项目管理工程师 网络工程师
软件设计师 信息系统监理师
信息系统管理工程师 数据库系统工程师
多媒体应用设计师 软件评测师
嵌入式系统设计师 电子商务设计师
信息安全工程师
 

本网站所有产品设计(包括造型,颜色,图案,观感,文字,产品,内容),功能及其展示形式,均已受版权或产权保护。
任何公司及个人不得以任何方式复制部分或全部,违者将依法追究责任,特此声明。
本站部分内容来自互联网或由会员上传,版权归原作者所有。如有问题,请及时联系我们。



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