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>


视频

相关推荐
_阿南_9 小时前
项目中新增给AI制定的代码规范
前端·程序员
名字还没想好☜10 小时前
React 实现暗黑模式切换:localStorage 持久化、SSR 首屏闪烁与跟随系统主题
前端·javascript·react.js·ecmascript·react·next.js
console.log('npc')11 小时前
Git 冲突与 AI 协助指南
前端·人工智能·git·大模型
爱学堂IT分享12 小时前
Cesium可视化系统实战课程-Cesium教程学习
前端
糖墨夕13 小时前
理解大语言模型:Agent 的“大脑”
前端·agent
Rain的Java大神之路13 小时前
JavaWeb开发如何解决跨域问题
java·前端·后端·nginx·web安全·面试·运维开发
cpolar技术支持13 小时前
浏览器也能跑本地 AI:用 Transformers.js + WebGPU 做一个最小推理 Demo,cpolar 给同事远程体验
前端·ai·cpolar·webgpu·transformers.js
计算机魔术师15 小时前
OpenAI 发布 GPT-6 Astra:多项基准刷新纪录, cybersecurity 能力达 Critical 阈值
前端
xy345315 小时前
Axure9.0中继器遮罩实现方法
前端·ui·html·axure·原型·产品设计
风骏时光牛马15 小时前
智能任务自动化协同AI工作流
前端