学习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 @ 2022-12-13 18:17  进击的bug~  阅读(22)  评论(0编辑  收藏  举报