HTML5+CSS3②——图像、超链接、音频、视频

目录

图像

超链接

音频

视频


图像

作用:在网页中插入图片

单标签:

标签名:<img src="图片的URL">

<img src="图片的URL" alt="替换文本" title="提示文本">

属性写在尖括号里面,标签名后面,标签名和属性之间用空格隔开,不区分先后顺序

src用于指定图像的位置和名称,是<img>的必须属性

属性 作用 说明

alt 替换文本 图片无法显示的时候显示的文字

title 提示文本 鼠标悬停在图片上面的时候显示的文字

浏览器缩放图片,默认是等比例缩放

widht 图片的宽度 值为数字,没有单位

height 图片的高度 值为数字,没有单位(后面这俩种一般不用,都在css中设置)


超链接

作用:点击跳转到其他页面

双标签:

<a href="https://www.baidu.com">跳转百度</a>

开发初期,不确定跳转的地址,如何书写href属性值?

空链接

如何在新窗口打开页面

target="_blank"


音频

作用:插入音频

双标签:

<audio src="音频的 URL"</audio>


视频

相关推荐
anyup4 分钟前
2026第一站:分享我在高德大赛现场学到的技术、产品与心得
前端·架构·harmonyos
BBBBBAAAAAi17 分钟前
Claude Code安装记录
开发语言·前端·javascript
xiaolyuh12335 分钟前
【XXL-JOB】 GLUE模式 底层实现原理
java·开发语言·前端·python·xxl-job
源码获取_wx:Fegn089536 分钟前
基于 vue智慧养老院系统
开发语言·前端·javascript·vue.js·spring boot·后端·课程设计
毕设十刻36 分钟前
基于Vue的人事管理系统67zzz(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
前端·数据库·vue.js
anyup39 分钟前
从赛场到产品:分享我在高德大赛现场学到的技术、产品与心得
前端·harmonyos·产品
前端工作日常1 小时前
我学习到的A2UI的功能:纯粹的UI生成
前端
Jing_Rainbow1 小时前
【 前端三剑客-37 /Lesson61(2025-12-09)】JavaScript 内存机制与执行原理详解🧠
前端·javascript·程序员
UIUV2 小时前
模块化CSS学习笔记:从作用域问题到实战解决方案
前端·javascript·react.js
aoi2 小时前
解决 Vue 2 大数据量表单首次交互卡顿 10s 的性能问题
前端·vue.js