前端之HTML(二)

最新推荐文章于 2024-06-11 00:11:31 发布

oceans of *stars

最新推荐文章于 2024-06-11 00:11:31 发布

阅读量432

点赞数 2

分类专栏： html标签文章标签： html5 html

本文链接：https://blog.csdn.net/qq_44850339/article/details/119920682

版权

一、a标签、img 图片、video视频和audio音频

a 超链接
   href指代链接目标地址，可以本地地址，也可以网络地址，但必须有
   target 指代本页打开或者在新空白页打开，_self,_blank
   锚点:在本页面快速滚动到具体位置
   通过给元素以属性id=idstr 并给a标签href值为"#idstr",id不能以数字开头

   img图片可以使用网络(需要注意是否有403,没有权限)和本地图片
   src 代表资源路径 ./代表当前目录 ../代表上级目录
   alt图片加载失败提示信息
   图片超级链接是把img嵌套在了a里

   video和audio视频音频
   需要通过controls来在页面显示控制信息，也可以自定义样式，自定义控件
   src资源地址 autoplay自动播放并不是每个浏览器都可以

建文档格式：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div>
			<h1>图片标签</h1>
			<!-- 图片的src就是图像路径
			 可以使用网络路径
			  alt表示图片加载失败显示的提示信息-->
			<img src="img/1.png" alt="获取图片失败">
		</div>
		<div>
			<a href="www.baidu.com">
				<img width="100" height="100" src="img/1.png" alt="">
				<span>图片</span>
				</a>
			<a href="www.baidu.com">
				<img width="100" height="100" src="img/1.png" alt="">
				<span>图片</span>
				</a>
			<a href="www.baidu.com">
				<img width="100" height="100" src="img/1.png" alt="">
				<span>图片</span>

最低0.47元/天解锁文章

oceans of *stars

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端之HTML(二)

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div> <h1>图片标签</h1>  &lt.
复制链接

扫一扫