其他分享
首页 > 其他分享> > HTML 学习

HTML 学习

作者:互联网

https://www.bilibili.com/video/BV1Kg411T7t9?p=43

 

<!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">
    <title>正文 html</title>
</head>
<body>
    <h1>这一级标题</h1>
    <h2>这是二级标题</h2>
    <p>这是第一段。</p>
    <P>这是第二段。</P>
    <hr>
    <p>建议下2021.3版本 更稳定  按照版本看对应教程,版本在桌面图标<br>能看出客服9-23点在线哦,23点后休息了呢,有问题客服看到后第一时间解决,感谢理解!!!记得再来哦~</p>
    <img src="./picture/cat-and-mouse.jpg" alt="发生了未知错误,图片加载失败!" title="这是图片说明,鼠标悬停的时候显示!" width="400" height="300">
    <img src="./gif/gif-girls-01.gif" alt="发生了未知错误,gif加载失败!" title="这是图片说明,鼠标悬停的时候显示!" width="400" height="300">
    <audio src="./music/情动-冰蝴蝶.mp3" controls autoplay loop></audio>
    <video src="video/古风.mp4" controls autoplay muted></video>
    <br><a href="./test.html">这是一个超链接</a>
    <br><a href="https://blog.csdn.net/shenyuanhaojie?spm=1000.2115.3001.5343">优秀的博客</a>
    <br><a href="https://www.baidu.com/"  target="_blank">跳转到百度</a>
    <br><a href="./test-jump.html">这是一个页面跳转</a>
    <br><a href="#">这是个空链接,无法跳转</a>
    <hr>
    <ul>
        <li>榴莲</li>
        <li>香蕉</li>
        <li>苹果</li>
    </ul>
    <hr>
    <ol>
        <li>榴莲</li>
        <li>香蕉</li>
        <li>苹果</li>
    </ol>
    <hr>
    <table border="1" width="500" height="100">
        <tr>
            <td>班级</td>
            <td>姓名</td>
            <td>成绩</td>
        </tr>
        <tr>
            <td>1</td>
            <td>小红</td>
            <td>100</td>
        </tr>
        <tr>
            <td>2</td>
            <td>小白</td>
            <td>105</td>
        </tr>
    </table>
    <hr>
</body>
</html>

实现效果

 

标签:这是,23,客服,榴莲,学习,HTML,版本,跳转
来源: https://www.cnblogs.com/shenyuanhaojie/p/15853533.html