HTML5中各种标签总结（多媒体标签）

敲代码敲到头发茂密

已于 2024-02-18 10:30:11 修改

阅读量489

点赞数 1

分类专栏：前端 # HTML5 文章标签： html5 css3 css

于 2022-01-11 07:00:00 首次发布

本文链接：https://blog.csdn.net/YZL40514131/article/details/122394370

版权

前端同时被 2 个专栏收录

37 篇文章 0 订阅

订阅专栏

HTML5

7 篇文章 2 订阅

订阅专栏

在这里插入图片描述

这里写目录标题

一、图片标签：
二、音频标签、视频标签

一、图片标签：

<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>

敲代码敲到头发茂密

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML5中各种标签总结（多媒体标签）

一、图片标签：<img />src属性：引入图片的位置本地图片网络图片width：设置宽度height：设置高度title：鼠标悬浮在图片上的时候的提示语，默认情况下（没有设置alt属性）图片如果加载失败那么提示语也是title的内容alt：图片加载失败的提示语<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>多媒体标签</title
复制链接

扫一扫