117 HTML Basics

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="keywords" content="嘻嘻,哈哈哈,我是,一个,关键字,搜索时,会用到我">
    <meta name="description" content="我是一个与众不同的网站">
    <meta http-equiv="refresh" content="5,https://www.baidu.com/">
    <title>今天是个好日子!</title>
    <link rel="icon" href="myico.ico">
    <style>
        p {
     
     
            color: #0042ff;
        }
    </style>
    <!--    <link rel="stylesheet" href="index.css">-->

    <!--    <script src="a.js"></script>-->
    <script>
        // alert("哈哈哈哈");

        function changeColor(ths) {
     
     
            ths.style.backgroundColor = "green";
        }
    </script>
</head>


<body>
<p>页面在5秒后会跳转到百度</p>
<p onclick="changeColor(this)">点击这里会变绿色!</p>


这后面会换行---<br>---对不对
<hr>
这上面是分割线
<!--<b>加粗</b>-->
<strong>强调</strong>

<!--<u>下划线</u>-->
<ins>插入/下划线</ins>

<!--<i>倾斜</i>-->
<em>倾斜</em>

<!--<s>删除</s>-->
<del>删除线</del>
<p>你好&nbsp;&nbsp;&nbsp;&nbsp;我擦类&nbsp;&nbsp;&nbsp; 哈哈哈</p>
<p>&lt;print&gt;</p>
<p>100000000000&yen;</p>
<p>egon&amp;lxx</p>
<p>&copy;</p>
<!--<img src="beauty.jpg" title="美女图片" alt="如果图片没加载出来,会显示我" width="400" height="510">-->
<br>
<a href="https://www.baidu.com/" title="嘻嘻嘻" target="_blank">这个链接跳转到百度</a>
<br>
<a href="https://www.bilibili.com/" title="点进去" target="_blank">
    <img src="bilibili.jpg" title="嘻嘻!" alt="没加载出来 sry!">
</a>
<br>

<!--2种假链接-->
<a href="#">点我啊</a>
<br>
<a href="javascript:">点我啊</a>
<br>
<!--页面的锚点-->
<p>
    <a href="#p1" style="color: aqua;text-decoration:none;font-size:18px">点我跳到第一个锚点!</a>
</p>

<p>
    <a href="#p2" style="color: gold;text-decoration: none; font-size: 18px">点我跳到第二个锚点!</a>
</p>

<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<a href="" name="p1"></a>
<p style="color: aqua">Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<a href="" name="p2"></a>
<p style="color:gold;">Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<p>Love you 3000 times!</p>
<a href="">点我回到首页!</a>
<br>
<a href="#">点我也可以回到首页!</a>

</body>
</html>

Guess you like

Origin blog.csdn.net/qq_40808228/article/details/108583698