练习

<!DOCTYPE html>

<html lang="en">

    <meta charset="UTF-8">

    <title>这是我的个人博客

<body bgcolor="#fffaf0">

    <a href="#abc" id="k">去底部</a> <a href="#test">去指定位置

    <h1>这是我的个人博客

    <h2>将进酒

    <a href="#">李白

    <p>君不见，黄河之水天上来，奔流到海不复回。

    <p>君不见，高堂明镜悲白发，朝如青丝暮成雪。

    <p>人生得意须尽欢，

    <p>莫使金樽空对月。

    <p>天生我材必有用，

    <img src="img/k.jpg" alt="狮子" width="533px" height="300px"/>

    <p>千金散尽还复来。

    <p>烹羊宰牛且为乐，

    <p>会须一饮三百杯。

    <p>岑夫子，丹丘生，将进酒，杯莫停。

    <p>与君歌一曲，请君为我倾耳听。

    <p id="test">钟鼓馔玉不足贵，

    <p>但愿长醉不复醒。

    <img src="img/z.jpg" alt="熊" width="400px" height="300px"/>

    <p>古来圣贤皆寂寞，

    <p>惟有饮者留其名。

    <p>陈王昔时宴平乐，

    <p>斗酒十千恣欢谑。

    <p>主人何为言少钱，

    <p>径须沽取对君酌。

    <p>五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。

    友情链接：<a href="#">A网站<a/> |<a href="#">B网站</a> |<a href="#">C网站

    <a href="#k" id="abc">回到顶部</a> |<a href="#">联系我们

</html>

效果呈现

谢谢观看