一个最简单的HTML页面（第一次学，记录一下）

最新推荐文章于 2024-08-09 15:44:45 发布

细水长流者

最新推荐文章于 2024-08-09 15:44:45 发布

阅读量3.3k

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/qiaoermeng/article/details/93473504

版权

关于HTML，我也是初次接触，等下会总结一下常用元素。下面先展示一下一个超级easy的HTML页面，，，
下面是效果图（由于截图原因，把本来是一个界面的截成了两个页面，有点low，表嫌弃哈哈哈）：
在这里插入图片描述

代码如下：

<!DOCTYPE html>
<html lang="en">
<center>

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>

    <body>
        <h1>这是我的个人博客</h1>
        <!-- 去当前页面的id为“mm”的地方 -->
        <a href="#mm" target="_blank">去底部</a>
        <!-- 一条横线 -->
        <hr>
        <h2>我们的明天</h2>
        <!-- 超链接 -->
        <a href="https://baike.sogou.com/v53419408.htm?fromTitle=%E9%B9%BF%E6%99%97" target="_blank">鹿晗</a>
        <!-- 段落 -->
        <p>
            一个人走到终点<br>
            不小心回到起点<br>
            一个新的世界<br>
            此刻我才发现<br>
            时间没有绝对<br>
            直到有另一个人<br>
            能体会我的感觉<br>
            不用说不用问<br>
            就明白就了解<br>
            每一刻都像永远<br>
            我看着 没剩多少时间<br>
            能许愿 好想多一天<br>
            我们的明天<br>
            <!-- 图片1 -->
            <img src="img/鹿晗1.png" alt="他可是鹿晗呀" width="500px" height="500px"><br>
            我问着 还有多少时间<br>
            在眼前 以为多一天<br>
            能实现我们的预言<br>
            直到有另一个人<br>
            能体会我的感觉<br>
            不用说不用问<br>
            就明白就了解<br>
            每一刻都像永远<br>
            我看着 没剩多少时间<br>
            能许愿 好想多一天<br>
            我们的明天<br>
            我问着 还有多少时间<br>
            在眼前 以为多一天<br>
            能实现我们的预言<br>
            <!-- 图片2 -->
            <img src="img/鹿晗2.jpg" alt="他可还是鹿晗呀" width="500px" height="500px"><br>
            其实有个传说<br>
            能将时空倒流<br>
            因为有一个梦告诉我<br>
            爱从不曾保留<br>
            才勇敢了我<br>
            我看着 没剩多少时间<br>
            能许愿 好想多一天<br>
            我们的明天<br>
            我问着 还有多少时间<br>
            在眼前 以为多一天<br>
            能实现我们的预言<br>
            累积成永恒的纪念<br>
            <hr>
        </p>
        <p>
            友情链接：
            <a href="https://123.sogou.com/" target="_blank">s搜狗浏览器</a>|
            <a href="http://www.baidu.com/" target="_blank">百度浏览器</a>|
            <a href="https://blog.csdn.net/qiaoermeng" target="_blank">zhe个芦苇的个人博客</a><br><br>
            <a href="#" target="_blank">回到顶部</a>|
            <!-- 邮件客户端的超链接，这里不用多了解，因为现在一般都使用二维码了 -->
            <a id="mm" href="mailto:2021699974@qq.com" target="_blank">联系我们</a>
        </p>
    </body>
</center>

</html>