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>


视频

相关推荐
Jolyne_2 分钟前
一些我推荐的前端代码写法
前端
赵小川28 分钟前
Taro 包升级实录 — 从 3.3 到 3.6.3 完整指南
前端·架构
_志哥_37 分钟前
解除有些网站不能复制的终极办法
前端·chrome
愚昧之山绝望之谷开悟之坡1 小时前
什么是uv和传统的区别
前端·chrome·uv
SRC_BLUE_171 小时前
NSSCTF - Web | 【第五空间 2021】pklovecloud
android·前端
golang学习记1 小时前
从0死磕全栈之Next.js 数据安全实战指南:从零信任到安全架构
前端
云中雾丽1 小时前
flutter中 getx 的使用
前端
Jay丶1 小时前
聊聊入职新公司两个月,试用期没过这件事
前端·面试
ZTeam前端全栈进阶圈1 小时前
Vue新技巧:<style>标签里的 CSS 也能响应式!
前端
ღ_23331 小时前
vue3二次封装element-plus表格,slot透传,动态slot。
前端·javascript·vue.js