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 小时前
【终端效率工具01】—— Yazi:Rust 编写的现代化终端文件管理器,告别繁琐操作
前端·ide·git·rust·极限编程
|晴 天|9 小时前
我如何用Vue 3打造一个现代化个人博客系统(性能提升52%)
前端·javascript·vue.js
风止何安啊9 小时前
网页都知道要双向握手才加载!从 URL 到页面渲染,单向喜欢连 DNS 都解析不通
前端·javascript·面试
太极OS10 小时前
给 AI Skill 做 CI/CD:GitHub + ClawHub + Xiaping 同步发布实战
前端
你_好10 小时前
Chrome 内置了 AI 工具协议?WebMCP 抢先体验 + 开源 DevTools 全解析
前端·mcp
GISer_Jing10 小时前
LangChain.js + LangGraph.js 前端AI开发实战指南
前端·javascript·langchain
正在发育ing__10 小时前
从源码看vue的key和状态错乱的patch
前端
黄林晴10 小时前
第一次听到 Tauri 这个词,去学习一下
前端
可可爱爱的你吖10 小时前
蜂鸟云地图简单实现
前端
布局呆星10 小时前
Vue3 :生命周期、DOM 操作与自定义组合式函数
前端·javascript·vue.js