HTML 基础标签——多媒体标签<img>、<object> 与 <embed>

news/2024/11/2 22:14:01/

文章目录

    • 1. `<img>` 标签
      • 主要属性
      • 示例
      • 注意事项
    • 2. `<object>` 标签
      • 概述
      • 主要属性
      • 示例
      • 注意事项
    • 3. `<embed>` 标签
      • 概述
      • 主要属性
      • 示例
      • 注意事项
    • 小结

image.png

在现代网页设计中,多媒体内容的使用变得越来越重要,因为它能够有效增强用户体验、吸引注意力并传达信息。HTML 提供了一系列多媒体标签,允许开发者在网页中嵌入图像、音频、视频以及其他外部资源。

本文将详细介绍常用的多媒体标签,包括 <img><object><embed> 标签,阐述它们的用途、属性、使用示例和注意事项。

1. <img> 标签

<img> 标签用于在网页中插入图像它是一个自闭合标签,这意味着它没有结束标签。在网页上展示图像时,<img> 标签非常常见,用于插入照片、图标、背景图等。

主要属性

  • src:指定图像文件的 URL。此属性是必需的,浏览器通过此 URL 加载图像。


http://www.ppmy.cn/news/1543984.html

相关文章

python mac vscode 脚本文件的运行

切换到脚本文件的目录下 路径的修改 当前文件组织形式&#xff1a; 脚本文件在文件夹下&#xff1a; 赋予权限&#xff1a;chmod x ./scripts/fscd_test.sh 运行&#xff1a;./scripts/fscd_test.sh

利用frp进行SSH端口转发(内网穿透同理)

题记 公司内网有一台设备&#xff0c;可以根据微步情报来对恶意服务器进行封禁。很不幸我的vps因为开着cs被标记为恶意了&#xff0c;导致我在公司网络连不上我的vps&#xff0c;每次连还要挂代理。于是我打算将我vps的22端口转发到我们公司的vps的10022端口上。本篇文章来自11…

单细胞数据分析(四):细胞亚型注释

文章目录 介绍加载R包导入数据细胞簇可视化细胞簇标记基因细胞识别输出结果系统信息介绍 单细胞细胞亚型注释是指在单细胞聚类分析后,对每个聚类得到的细胞群体进行生物学意义上的分类和识别的过程。这一步骤的目的是为了确定每个细胞群体对应的具体细胞类型或状态,从而更好…

Golang文件操作

1.文件介绍&#xff1a;文件是数据源&#xff0c;主要作用是保存数据 2.文件在程序中是以流的形式来操作的 对文件的操作主要用File(os包)结构体来实现 文件的基本操作 1&#xff09;打开一个文件进行读操作&#xff1a; os.Open(name string)(*File,error) 2&#xff09;关…

NYSQL期中小结

创建表 [语句不要拼错&#xff0c;表名、列明不要写错&#xff0c;语句难记要记住] 模版 create table 表名(列名1 数据类型 [约束], 列明2 数据类型 [约束]); 约束 单一主码约束 primary key 联合主码约束 primary key(列名1,列名2) [要在列名定义后&#xff0c;的单独表级…

axios 取消请求 版本是1.7.5

从 v0.22.0 开始&#xff0c;Axios 支持 AbortController 以 fetch API 的方式取消请求 官方例子 const controller new AbortController();axios.get(/foo/bar, {signal: controller.signal }).then(function(response) {//... }); // cancel the request controller.abort(…

Docker Compose入门学习——下载、授权、创建文件、定义服务

Docker Compose入门学习 简介 一般操作Docker的过程是&#xff1a;DockerFile build run 进行手动操作&#xff0c;单个容器&#xff0c;如果假设有100个微服务&#xff0c;并行微服务之间还存在依赖关系。这个时候&#xff0c;就可以使用Docker Compose来轻松高效的管理容器…

vue3中跨层传递provide、inject

前置说明 在 Vue 3 中&#xff0c;provide 和 inject 是一对用于跨组件树传递数据的 API。它们允许你在祖先组件中使用 provide 提供数据或服务&#xff0c;然后在后代组件中使用 inject 来获取这些数据或服务。这种方式特别适用于跨多个层级的组件传递数据&#xff0c;而不需要…