页面代码:页面中嵌入图像、音频、视频相关的标签及属性,H5中新增的结构元素、全局属性。
② 页面显示:在HTML5页面中嵌入图像、音频、视频,H5中新增的结构元素、全局属性相关的知识总结及实验过程中的总结及体会
4.1掌握图像嵌入相关的标签及属性。
1.嵌入图像要用标签,例如:
下面是关于标签的一些属性:
src 指定图像的URL,即路径。 例src=“花.jpg”
alt 提供图像的替代文本,当图像无法加载时显示的文本。 alt=“一朵花”
width 指定图像的宽度,可以是像素值 width=“300px”
height 指定图像的高度,单位可以是像素。 height=“200px”
在设置完宽度或者高度之后,一般会随之改变对应高度或者宽度。•
title 提供关于图像的额外信息,通常在鼠标悬停时显示。 title=“这是一个花”
•
loading 指定图像的加载策略,支持值为lazy(延迟加载)或eager(立即加载)。 loading=“flower”
decoding 指定浏览器如何解码图像,支持值为sync(同步解码)、async(异步解码)或auto decoding=“async”
等。
4.2理解并会运用路径。
绝对文件路径是从网站根目录开始的完整路径,通常以协议和域名开头。
如: