HTML5中各种标签总结(多媒体标签)
一、图片标签:<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中各种标签总结(多媒体标签)相关推荐
- Html5中的<section>标签的介绍
section 字面上理解为"块","部分",section元素代表一个页面或一个内容块的部分,一般作为主题块列表,在html5网页中表现的意思跟字面理解差不多 ...
- 【04】HTML5+CSS3:01-HTML5新增标签、多媒体标签、input标签、新增表单属性、CSS3属性选择器、伪元素选择器、2D转换
文章目录 HTML5 第一天 一.什么是 `HTML5` 二.`HTML5 ` 新增标签 三.多媒体音频标签 四.多媒体视频标签 五.新增 input 标签 六.新增表单属性 七.`CSS3 ` 属性 ...
- (九)HTML5+CSS3新特性:语义标签、多媒体标签、表单、新增选择器、盒子模型、模糊、calc函数、过渡
本文仅用作学习记录,学习视频为B站的pink老师 文章目录 HTML5的新特性 HTML5新增的语义化标签 HTML5新增的多媒体标签 HTML5新增的input表单 HTML5新增的表单属性 CSS ...
- 图片标签和多媒体标签的使用
[img]标签是用来定义图片的标签. [img src="" alt="" title=""] src:代表source,填写的是要放入图片 ...
- Html5中的<section>标签
本文导读:<section> 标签定义文档中的节(section.区段).比如章节.页眉.页脚或文档中的其他部分.section元素标签用来表现普通的文档内容或应用区块.一个section ...
- html5中没有align属性,HTML标签align属性的用法问题
HTML中表格.文字.图像等元素都有使用到align属性,align属性主要是影响设置元素的水平对齐方式,给表格.文字.及图像等元素设置align属性,其表现形式是不一致的. 给表格元素设置align ...
- html5中figure怎么用,HTML5中figure和figcaption标签用法
HTML5中figure和figcaption标签一般都是配套使用的,先了解下两者的基本定义,然后结合实例来说明两者的用法. 标签规定独立的流内容(图像.图表.照片.代码等等). figure元素的内 ...
- html里如何打出五角星,html5中怎么做五角星
在html5中,可以通过canvas标签,以及相关的JavaScript属性和方法来画五角星:canvas标签用于通过脚本(通常是JavaScript)动态绘制图形. 本教程操作环境:windows7 ...
- HTML 文字标签、段落标签、列表标签、链接标签和表格
文章目录 HTML 一.文字标签 二.段落标签 三.列表标签 1.有序列表 2.无序列表 3.插入列表 四.链接标签 1.文本链接 2.书签链接 五.表格 1.绘制表格 2.行标签属性 3.单元格标签 ...
- CSS中的长度单位和HTML5中多媒体标签的使用
CSS中的长度单位和HTML5中多媒体标签的使用 第一部分.长度单位 1.基本长度单位 2.长度单位的换算 第二部分.vw.vh.vmin.vmax 1.vw.vh.vmin.vmax的含义 2.vw ...
最新文章
- linux android编译环境,Linux下Android开发安装环境配置
- 前端测试简述及使用Karma/Mocha实现的集成测试栗子(Travis CI/Coverage)
- .net平台的rabbitmq使用封装
- Leetcode怎么调试java代码,IDEA2020.1使用LeetCode插件运行并调试本地样例的方法详解...
- C#的winform的中委托显示图片
- 『算法』读书笔记 1.4算法分析 Part1
- Spring Boot基础学习笔记05:Spring Boot多环境配置
- FFMPEG类库打开流媒体的方法(需要传参数的时候)
- 使用COOC软件绘制复杂网络
- busboy文件上传遇到的坑,已解决
- Bootstrap 弹出框modal 垂直居中(适用各种分辨率窗口)
- 一个超赞的开源串口虚拟示波器项目,玩起来!
- js将数字金额用符号间隔 vue中使用逗号间隔数字金额-共享博客
- Chatopera 张凯:创业的信念,为了小家和大家
- css 背景渐变 图像_交叉渐变背景图像
- 产品经理交互设计师必备的已分类的《产品Axure原型库》
- css 选择器 如何 选择 大于 N 的情况 ?第n个元素之后的情况
- 投资常识-指数-A股各指数特点
- Apache服务器中的.htaccess文件的配置
- UML 构件图(组件图)
热门文章
- c#获取对象的唯一标识_Articy Importer Guide - 01 基本对象处理
- java获取密钥长度_java.security.InvalidKeyException:解密期间密钥大小错误
- 数据中心柴油发电机组功率
- 因误开 IDC 灭火器,导致 Azure 在欧洲罢工超过 7 小时!
- Java高版本编译低版本运行_Java高版本编译低版本运行错误(ConcurrentHashMap.keySet)...
- AI:2020年6月22日北京智源大会演讲分享之09:40-10:10Mari 教授《基于显式上下文表征的语言处理》、10:10-10:40周明教授《多语言及多模态任务中的预训练模型》
- 成功解决Error:invalid character in identifier
- AI公开课:19.04.03周明—MSRA副院长《NLP的进步如何改变搜索的体验》课堂笔记以及个人感悟
- DL框架之Caffe:深度学习框架之Caffe的简介、安装、使用方法详细攻略
- Py:数据挖掘之对微信朋友圈好友的性别、区域、昵称、签名信息进行情感分析