HTML注释与路径使用指南-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_43278772/article/details/84073494

1.注释标签

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
    <!-- 关于注释我有几点说的：<br />  -->
   1.多写注释是非常好的写代码习惯，团队协作更顺畅。<br/>
   2.注释是写给队友看的，浏览器不执行。  <br/>
	
</body>
</html>

注释标签
2.相对路径（难点重点）

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<!-- 关于相对路径我有几点说的  
1.图像文件和HTML文件位于同一文件夹内；只需输入图像文件的名称即可，如<img src="log.gif"/><br />
2.图像文件位于HTML文件下一级文件夹；只需要输入文件夹名和文件名，之间用"/"隔开，如 <img src="img/img01/log.gif" /><br/>
3.图像文件位于HTML文件上一级文件夹；在文件名加"../".如果是上两级，则需要"../""../",以此类推，如<img src="../log.gif"><br  />  
-->
<img src ="wo.jpg">  <!-- 同一级路径  -->
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<img src="images/wo.jpg"/>  <!--  下一级路径  -->
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<img src ="../wo.jpg" />
</body>
</html>

3.绝对路径

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<img src ="E:\案例\wo.jpg">  <!--换电脑不能用了  -->
	<img src="http://www.itcast.cn/images/newslide/homepageandphone/20180726090733237.gif">
</body>
</html>

如图在这里插入图片描述