学习HTML(一) 

<!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>Document</title>
</head>
<body>
<!--注释：注释的内容不会在页面上显示-->
<!--
1、标题标签： h1  到  h6
2、段落标签：p
3、字体加粗：b    字体倾斜：em
4、换行：br(非成对出现的)
5、分割线： hr
6、表示一块内容：div  (没有特殊的效果)
    在html5中支持自定义标签，自定义的标签和div标签的用法是一样的
7、行内块元素：span

8、图像标签：img
        src属性：指定图片地址
        alt: 指定图片未加载出来时的提示
9、超连接标签：a

10、音频播放器：audio
11、视频播放器：video
12、无序列表：ul
13、有序列表：ol
14、表格：table

-->
<h1>这是标题 H1</h1>

<p>
    经济日报- <em>中国</em> 经济网北京 <b>3月21日</b> 讯（记者吴佳佳）国务院联防联控机制今 <br>
    天召开新闻发布会介绍，当前国内疫情防控总体保持良好态势，我国重点人群新冠疫苗接种工作顺利推进，截至3月20日24时，全国累计报告接种7495.6万剂次，下一步全国将大规模开展60岁以上老年人群的疫苗接种。

</p>

<hr>
<p>
    国家卫健委宣传司 <span style="color: red;background: royalblue">副司长</span>、新闻发言人米锋指出，
    各地正在全面抓好常态化疫情防控，<br>保障群众安全、顺畅出行。
    当前，国内低风险地区持健康通行“绿码”，在测温正常且做好个人防护的前提下可有序出行，
    各地不得擅自加码。对新增散发病例，要发现一起、扑灭一起，确保不出现规模性反弹。

</p>


<h2>这是标题 H2</h2>
<h3>这是标题 H3</h3>
<h4>这是标题 H4</h4>
<h5>这是标题 H5</h5>
<h6>这是标题 H6</h6>

<hr>


<div>
    <h1>登录输入框按钮</h1>
    账号：<input type="text"><br>
    密码：<input type="password"><br>
    <input type="button" value="点击登录">
</div>


<div>java</div>

<!--<musen>   <h1>登录输入框按钮</h1>-->
<!--    账号：<input type="text"><br>-->
<!--    密码：<input type="password"><br>-->
<!--    <input type="button" value="点击登录"> -->
<!--</musen>-->

<hr>

<span>python</span>
<span>java</span>

<hr>
<div>python</div>
<div>java</div>


<hr>
<img src="http://www.lemonban.com/images/upload/image/20200704/1593830250315.jpg" alt="">

<img src="./1615966527q547.png" alt="测试报告">


<a href="https://www.lemonban.com">柠檬班</a>


<a href="https://www.baidu.com">百度</a>

<a href="https://www.taobao.com">淘宝</a>


<hr>
<div style="height: 500px">

</div>


<!--<audio controls="controls">-->
<!--</audio>-->
<!--<video width="320" height="240" controls="controls">-->
<!--</video>-->


<!--无序列表：ul-->
<ul>
    <li>第一列：内容xxxxx</li>
    <li>第二列：内容xxxxx</li>
    <li>第三列：内容xxxxx</li>
    <li>第四列：内容xxxxx</li>
    <li>第五列：内容xxxxx</li>
</ul>


<!--有序列表-->
<ol>
    <li>第一列：内容xxxxx</li>
    <li>第二列：内容xxxxx</li>
    <li>第三列：内容xxxxx</li>
    <li>第四列：内容xxxxx</li>
    <li>第五列：内容xxxxx</li>
</ol>


<!--  表格 -->
<table>
    <thead>
    <tr>
        <td>姓名</td>
        <td>年龄</td>
        <td>性别</td>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>musen01</td>
        <td>18</td>
        <td>男</td>
    </tr>
    <tr>
        <td>musen01</td>
        <td>18</td>
        <td>男</td>
    </tr>
    <tr>
        <td>musen01</td>
        <td>18</td>
        <td>男</td>
    </tr>
    <tr>
        <td>musen01</td>
        <td>18</td>
        <td>男</td>
    </tr>
    </tbody>

</table>


</body>
</html>
posted @   进击的bug~  阅读(24)  评论(0)  编辑  收藏  举报
相关博文：
·  学习HMTL（表单）
·  Django Rest_Framework（一）
·  python爬取丁香园疫情数据
·  第一天随记--html标签
·  03HTML+CSS
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· C#/.NET/.NET Core技术前沿周刊 | 第 29 期（2025年3.1-3.9）
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
点击右上角即可分享
微信分享提示