1、初识网页图片
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>初识网页图片</title>
</head>
<body>
<img src="liu.jpg"/>
</body>
</html>
运行结果:
2、相对路径 VS 绝对路径
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>相对路径VS绝对路径</title>
</head>
<body>
<img src="liu.jpg"/>//相对
<img src="../yan.jpg">//相对
<img src="http://www.baidu.com/img/bdlogo.gif"/>//绝对
<img src="D://liu.jpg"/>//绝对
</body>
</html>
运行结果: