1-2 如鱼得水——使用交互式语义化标签让访问更自然.pptxVIP

汇报人：xxx时间：2026二号任务如鱼得水——使用交互式语义化标签让访问更自然

01任务说明

任务说明二号任务文字是传递信息的基础，图像和视频则能够通过视觉效果增强内容的表现力。在本任务中，你将学习如何恰到好处地在页面中融入多媒体元素，就像画家在画布上调配色彩一样，通过创建更加丰富、多样化的页面内容把静态的志愿服务队招新页面变成一个富有吸引力的互动平台。具体要求如下。（1）在“关于我们”部分下方添加两张图片展示团队工作日常。?设置每张图片的宽度与高度。?为每张图片添加说明（替换文本与鼠标指针悬停提示文本）。（2）在“加入我们”标题下方插入团队文化视频。?视频尺寸：宽为600像素，高为400像素。?添加基本播放控件（播放、暂停、全屏等）。?设置MP4格式类型描述。

知识准备02

01多媒体标签03相对路径与绝对路径02HTML5常见标签属性目录

1.多媒体标签：图像展示知识准备img标签 作用：用来插入图片，是一个自闭合标签。基本用法： 基本属性src：定义图像文件的路径或URL。这是img标签中必需的属性，否则图像不会显示。width和height：设定图像的宽度和高度，帮助浏览器快速计算布局，避免加载时页面抖动。title：提供鼠标悬停时显示的提示文本，增强用户体验。loading：控制图像加载时机；设置.为lazy实现延迟加载，提高页面加载速