<!DOCTYPE html>
<html lang="en">
<head>
<!-- 设置字集 -->
<meta charset="utf-8">
<style>
/*
设置背景图片路径，不平铺；其images是图片的父级关系，cxqd1.html同级关系，故设置相对路径位置，与body标签缩进对齐
*/
body{background:url("images/qiu.jpg") no-repeat;}
</style>
</head>与a标签缩进对齐
<body>
<!--
因cxqd1.html与其同级关系，故直接设置跳转HTML文件打开 与a标签缩进对齐
-->
<a href="chun.html">春意绵绵</a>
<a href="xia.html">夏日炎炎</a>
<a href="qiu.html">秋风瑟瑟</a>
<a href="dong.html">冬雪皑皑</a>
<br />
<!-- 设置超链接-->
背景加的是图片，而链接写的是页面 友情链接:<a href="http//www.baidu.com">百度</a>
<!--
总结：
1：代码表示清晰简洁
2：理解相对路径
3：../代表跳出当前文件的上一级目录
-->
</body>
</html>
494
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
