day01 HTML002

超优秀=_=

已于 2022-03-19 23:11:50 修改

阅读量119

点赞数

文章标签： java

于 2022-03-19 23:05:55 首次发布

本文链接：https://blog.csdn.net/weixin_43156549/article/details/123605198

版权

这篇博客介绍了HTML图片标签的基本用法，包括`<img>`标签的`src`、`width`、`height`、`title`和`alt`属性。同时讲解了超链接`<a>`标签的`href`和`target`属性，展示了如何创建指向不同路径的链接，以及如何用`#`进行页面内部跳转。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片标签</title>
	</head>
	<body>
		<!--
			img:图片标签
				src:资源位置
						本地路径
						   绝对路经
						   相对路径
						网络路径
			width:宽度
			height:高度
			title:鼠标悬停时的提示
			alt:给图片加说明，也是搜索的关键字
		-->
		<p align="center" id="top">图片解释</p>
		<img src="https://t7.baidu.com/it/u=4162611394,4275913936&fm=193&f=GIF"/>
		<img src="img/duolai.jpeg" >
		
		<!--超链接标签（锚标签）
		 a:超链接标签
			href：锚(资源路径)
				 网络路径
				 本地路径
			target:打开方式
		-->
		<p><a href="http://www.baidu.com">百度一下</a></p>
		<p><a href="helloworld.html">helloworld</a></p>
		<p><a href="#top">返回顶部</a></p>
		<!--跳转到id=top-->
	</body>
</html>