ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

HTML 学习

2022-01-28 19:04:19  阅读:160  来源: 互联网

标签:这是 23 客服 榴莲 学习 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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有