首页 > 其他分享 >学习HTML(一)

学习HTML(一)

时间:2022-12-13 18:34:10浏览次数:27  
标签:-- 18 标题 学习 HTML 内容 musen01 xxxxx

<!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>

标签:--,18,标题,学习,HTML,内容,musen01,xxxxx
From: https://www.cnblogs.com/gxj521test/p/16979571.html

相关文章

  • 学习HMTL(表单)
    <!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,user-scalable=no,initial-s......
  • 学习新编程语言的信心
    由于新项目的开展,最新又要学习一两门新的编程语言,其实很多是大同小异的语言,不免心生郁闷,为什么要弄这么多的编程语言,甚至有时候为了解决一个领域的问题,就需要新学一门语言,......
  • 【学习笔记】UKK线性求后缀树
    (话说是不是可以直接SAM线性构造啊QAQ)构造过程直观图入门......
  • Vue3.0文档学习心得--依赖注入
    1.provide():在祖先组件或整个应用(通过 app.provide()) 提供一个值,可以被后代组件注入。(1)第一个参数是要注入的key,可以是一个字符串或者一个symbol,第二个参数是要......
  • Django下存在两个及其以上的APP时,不同APP下templates目录中同名.html文件造成冲突。
    解决方法:下面给大家详细说明:我这里就用两个应用(APP)给大家进行讲解,大家可以看到django目录下两个应用(APP)blog与upload。但是在浏览器中的运行结果却相同,为什么会出现这......
  • git学习使用
    目录​​git原理​​​​git分支​​​​创建分支​​​​删除分支​​​​切换分支​​​​关联分支​​​​gitpull​​​​gitpush​​​​gitrebase​​​​git提......
  • awk学习一之资料总结
    目录​​官网​​​​awkhelp​​​​manawk​​​​awk系列文章​​​​awk优秀文章​​官网官方手册​​​https://www.gnu.org/software/gawk/manual/​​awkhelpm......
  • 机器学习 -- 分类
    1.朴素贝叶斯  贝叶斯决策理论方法是统计模型决策中的一个基本方法,基本思想如下: (1)已知类条件概率密度参数表达式和先验概率 (2)利用贝叶斯公式转换成后验概率 (3)......
  • 学习方法
    费曼学习法:将自己所学的知识,讲述给别人听用自己的语言,通俗易懂的讲述给别人听,别人听懂了也就学会了。持续不断的学习Java:1995年推出,给程序员设计大型的分布式复杂应用而......
  • HTML转图片-JAVA
    依赖组件<dependency> <groupId>gui.ava</groupId> <artifactId>html2image</artifactId> <version>0.9</version></dependency>示例HtmlImageGeneratorgenerator......