HTML5

HTML5-001

20201209标签与段落

     <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>标题与段落</title>
    </head>
    <body>
        <!-- 标题，可分单标签双标签 -->
        <h1>下个月每人加薪1000元</h1>
        <!-- 标签 -->
        <p>下一个每人加薪1000元</p>
        <h1>php.com</h1>
        <h2>php.cn</h2>
        <h3>php.ui</h3>
        <!-- 内容 p段落标签 -->
        <p>世界上最好的语言php</p>
    </body>
    </html>

20201209链接与锚点

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>链接与锚点</title>
</head>
<body>
<!-- a 链接标签，全球资源的共享，同默认a标签，在原本窗口打开 -->
<a href="https://www.php.cn/" target="_self">php中文网</a>
<!-- _blank在新窗口打开 -->
<a href="https://www.php.cn/" target="_blank">php好文网</a>
<!-- 在指定的窗口打开target="iframt 内联框架的name值 -->
<a href="https://www.baidu.com/" target="baidu">打开小度</a>
<iframe src="" name="baidu" frameborder="0"></iframe>
<!-- 使用锚点，可以实现在当前页面中的任决位置进行跳转 -->
<a href="dibu">跳转到底部</a>
<!-- 创建锚点，div是通用的容器标签 -->
<div id="dibu" style=" margin-top:1000px">底部</div>
<a href="#">回到顶部</a>
</body>
</html>

20201209图片

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 图片上传一般使用链接 -->
    <img src="https://img.php.cn/upload/course/000/000/035/5d2941e265889366.jpg" alt="好片">
</body>
</html>

HTML-20201209（标签与段落、链接与锚点、链接图片）

HTML5

HTML5-001

20201209标签与段落

20201209链接与锚点

20201209图片