一、图片标签:<img />

src属性:引入图片的位置
本地图片
网络图片

width:设置宽度
height:设置高度
title:鼠标悬浮在图片上的时候的提示语,默认情况下(没有设置alt属性) 图片如果加载失败那么提示语也是title的内容
alt:图片加载失败的提示语

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>多媒体标签</title></head><body><!--图片标签-->引入本地图片<img src="img/guojia.jpg" width="300px"  title="curry" alt="图片加载失败"/>引入网络图片<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2F1113%2F0F220092145%2F200F2092145-4-1200.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1644305277&t=52a1471a914da318df4a20f7ca9469e3"/></body>
</html>

二、音频标签、视频标签<embed></embed>

<!--音频标签-->
<embed src=""></embed><!--视频标签-->
<embed src=""></embed>

HTML5中各种标签总结(多媒体标签)相关推荐

  1. Html5中的<section>标签的介绍

    section 字面上理解为"块","部分",section元素代表一个页面或一个内容块的部分,一般作为主题块列表,在html5网页中表现的意思跟字面理解差不多 ...

  2. 【04】HTML5+CSS3:01-HTML5新增标签、多媒体标签、input标签、新增表单属性、CSS3属性选择器、伪元素选择器、2D转换

    文章目录 HTML5 第一天 一.什么是 `HTML5` 二.`HTML5 ` 新增标签 三.多媒体音频标签 四.多媒体视频标签 五.新增 input 标签 六.新增表单属性 七.`CSS3 ` 属性 ...

  3. (九)HTML5+CSS3新特性:语义标签、多媒体标签、表单、新增选择器、盒子模型、模糊、calc函数、过渡

    本文仅用作学习记录,学习视频为B站的pink老师 文章目录 HTML5的新特性 HTML5新增的语义化标签 HTML5新增的多媒体标签 HTML5新增的input表单 HTML5新增的表单属性 CSS ...

  4. 图片标签和多媒体标签的使用

    [img]标签是用来定义图片的标签. [img src="" alt="" title=""] src:代表source,填写的是要放入图片 ...

  5. Html5中的<section>标签

    本文导读:<section> 标签定义文档中的节(section.区段).比如章节.页眉.页脚或文档中的其他部分.section元素标签用来表现普通的文档内容或应用区块.一个section ...

  6. html5中没有align属性,HTML标签align属性的用法问题

    HTML中表格.文字.图像等元素都有使用到align属性,align属性主要是影响设置元素的水平对齐方式,给表格.文字.及图像等元素设置align属性,其表现形式是不一致的. 给表格元素设置align ...

  7. html5中figure怎么用,HTML5中figure和figcaption标签用法

    HTML5中figure和figcaption标签一般都是配套使用的,先了解下两者的基本定义,然后结合实例来说明两者的用法. 标签规定独立的流内容(图像.图表.照片.代码等等). figure元素的内 ...

  8. html里如何打出五角星,html5中怎么做五角星

    在html5中,可以通过canvas标签,以及相关的JavaScript属性和方法来画五角星:canvas标签用于通过脚本(通常是JavaScript)动态绘制图形. 本教程操作环境:windows7 ...

  9. HTML 文字标签、段落标签、列表标签、链接标签和表格

    文章目录 HTML 一.文字标签 二.段落标签 三.列表标签 1.有序列表 2.无序列表 3.插入列表 四.链接标签 1.文本链接 2.书签链接 五.表格 1.绘制表格 2.行标签属性 3.单元格标签 ...

  10. CSS中的长度单位和HTML5中多媒体标签的使用

    CSS中的长度单位和HTML5中多媒体标签的使用 第一部分.长度单位 1.基本长度单位 2.长度单位的换算 第二部分.vw.vh.vmin.vmax 1.vw.vh.vmin.vmax的含义 2.vw ...

最新文章

  1. linux android编译环境,Linux下Android开发安装环境配置
  2. 前端测试简述及使用Karma/Mocha实现的集成测试栗子(Travis CI/Coverage)
  3. .net平台的rabbitmq使用封装
  4. Leetcode怎么调试java代码,IDEA2020.1使用LeetCode插件运行并调试本地样例的方法详解...
  5. C#的winform的中委托显示图片
  6. 『算法』读书笔记 1.4算法分析 Part1
  7. Spring Boot基础学习笔记05:Spring Boot多环境配置
  8. FFMPEG类库打开流媒体的方法(需要传参数的时候)
  9. 使用COOC软件绘制复杂网络
  10. busboy文件上传遇到的坑,已解决
  11. Bootstrap 弹出框modal 垂直居中(适用各种分辨率窗口)
  12. 一个超赞的开源串口虚拟示波器项目,玩起来!
  13. js将数字金额用符号间隔 vue中使用逗号间隔数字金额-共享博客
  14. Chatopera 张凯:创业的信念,为了小家和大家
  15. css 背景渐变 图像_交叉渐变背景图像
  16. 产品经理交互设计师必备的已分类的《产品Axure原型库》
  17. css 选择器 如何 选择 大于 N 的情况 ?第n个元素之后的情况
  18. 投资常识-指数-A股各指数特点
  19. Apache服务器中的.htaccess文件的配置
  20. UML 构件图(组件图)

热门文章

  1. c#获取对象的唯一标识_Articy Importer Guide - 01 基本对象处理
  2. java获取密钥长度_java.security.InvalidKeyException:解密期间密钥大小错误
  3. 数据中心柴油发电机组功率
  4. 因误开 IDC 灭火器,导致 Azure 在欧洲罢工超过 7 小时!
  5. Java高版本编译低版本运行_Java高版本编译低版本运行错误(ConcurrentHashMap.keySet)...
  6. AI:2020年6月22日北京智源大会演讲分享之09:40-10:10Mari 教授《基于显式上下文表征的语言处理》、10:10-10:40周明教授《多语言及多模态任务中的预训练模型》
  7. 成功解决Error:invalid character in identifier
  8. AI公开课:19.04.03周明—MSRA副院长《NLP的进步如何改变搜索的体验》课堂笔记以及个人感悟
  9. DL框架之Caffe:深度学习框架之Caffe的简介、安装、使用方法详细攻略
  10. Py:数据挖掘之对微信朋友圈好友的性别、区域、昵称、签名信息进行情感分析