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>


视频

相关推荐
前端老石人8 小时前
HTML 入门指南:从规范视角建立正确知识体系
开发语言·前端·html
前端付豪8 小时前
实现右侧记忆面板可编辑
前端·人工智能·后端
DanCheOo8 小时前
从"会用 AI"到"架构 AI":高级前端的认知升级
前端·agent
竹林8188 小时前
在Next.js NFT市场中,我如何解决动态路由、链上数据获取与状态同步的连环坑
前端·javascript·next.js
用户69371750013848 小时前
实测!Gemma 4 成功跑在安卓手机上:离线 AI 助手终于来了
android·前端·人工智能
大阿明8 小时前
使用vite打包并部署vue项目到nginx
前端·vue.js·nginx
小江的记录本8 小时前
【Swagger】Swagger系统性知识体系全方位结构化总结
java·前端·后端·python·mysql·spring·docker
用户445066608768 小时前
领域模型 DSL 设计
前端
画画的阿飞8 小时前
里程碑一:基于 node.js 实现 BFF 层服务端内核过程总结
前端