Html查漏补缺01-基本结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Everything</title>
</head>
<body>
    <h1>自律使人自由</h1>
    <hr>
<!--    实现网页页内跳转-->
    <div>
        <a href="#part1">跳转模块1</a>
        <a href="#part2">跳转模块2</a>
        <a href="#part3">跳转模块3</a>
    </div>

    <div id="part1" style="height:100px;background-color:blue;">
     板块一
    </div>
    <div id="part2" style="height:100px;background-color:yellow;">
     板块二
    </div>
    <div id="part3" style="height:100px;background-color:green;">
     板块三
    </div>
    <hr>
<!--    分割线-->
    <img src="cjf.png" alt="头像">
    <a href="https://www.cnblogs.com/cuijunfeng/">Everything'的博客园</a>
<!-- 实现下载,但是要提前将文件放到项目下   -->
    <a href="aa.zip">点击下载</a>
    <a href="cjf.png" download="cjf.png">点击图片</a>
</body>
</html>

 

posted @ 2020-06-20 23:24  Tsui98'  阅读(124)  评论(0编辑  收藏  举报