您的位置: 首页  >  文章  >  简单标签的使用（未完节）

简单标签的使用（未完节）

分类: 文章 • 2025-06-20 14:15:52

简单标签的使用代码

01.Html的基本结构
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body> 
</body>
</html>
02.气温案例.html
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
    
  <!--  hr   下划线标签  
    p	 段落标签
    em   斜体标签
    ins  下划线标签
    del   带有删除线的标签 -->
    
<h1> 40.6摄氏度：上海创出140年气象史上高温新纪录</h1>
2013年07月27日 <br>
10:58:26 来源： <strong>新华网</strong>
<hr>
	<p> <em>新华网上海７月２６日电（记者李荣）２６日１３时３６分至４７分这一时间段，上海徐家汇气象观测站测得当日最高温达４０．６摄氏度。这是上海有气象记录以来１４０年的高温新纪录，打破了此前１９３４年创下的４０．２摄氏度的历史极值。</em></p>

	<p><ins>上海已经连续２天发出了最高等级的红色高温警报。</ins>上海中心气象台首席服务官满莉萍说，今年副热带高压强度特别强，对上海及江南地区的控制“实在太稳定了”，整个７月份基本上都处在它的势力范围之内。２５日上海已出现了气象史上７月份“第四高”的高温值，这使得２６日的“基础”气温就很高，超过了３０摄氏度，然后不断地升温。此外，２６日白天风小，又吹的是西南风，特别是在中午之后这一个最易出现高温的时段，光照又比较强，所以气温“直线飙升”，一举冲破历史极值，出现了“创纪录”的极端酷暑天。</p>

	<p>在上海历史上，出现４０摄氏度以上极端高温的几率并不大。根据相关资料，中心城区徐家汇观测站
	１４０年来仅出现了５次记录，除了这一次的新纪录，还有就是１９３４年７月１２日的４０．２摄氏度；１９３４年８月２５日、２００９年７月２０日、２０１０年８月１３日的４０摄氏度。</p>

	<p> <del>由于气温实在太高，上 海２６日下午不少地区出现了热对流天气。气象台说，首先是浦东地区，下起了热雷雨。到１５时０５分，全市大部分地区出现了分散性的雷电活动和热雷雨，中心城区徐家汇等地都响起了隆隆的雷声。</del></p>
    </body>
</html>
效果图：

简单标签的使用（未完节）

03.使用sublime快速新建结构.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    !+tab
</body>
</html>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    html:5+tab
</body>
</html>
04使用sublime生成的结构中多的代码的意义
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!DOCTYPE html>   document type  文档  类型 
    DOCTYPE  html   表示使用的是HTML5的语法

    lang="en" : 表示使用的语言类型
    lang="zh-CN" 中文

    <meta charset="UTF-8">    设置页面的字符集（字符编码）
    UTF-8:字符集  是通用的一种字符集   基本包含了全世界所有国家的文字
    GBK: 中文
    GB2313: 只包含简体中文

</body>
</html>


之前比较老的版本
html:4s+tab
html:xt+tab
05.HTML中标签的关系
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    在HTML中的标签的关系
        1.嵌套关系（父子关系）
        2.并列关系（兄弟关系）
</body>
</html>
06.标题标签
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- 标题标签：h系列标签  -->
    标题标签只有h1-h6
    特点：
        1.数字越大，字体越小
        2.一般在一个页面中只有一个h1标签，一般给logo使用     SEO：索索引擎优化
        习近平向中国与葡萄牙语国家最高法院院长会议致贺信

    <h1>习近平向中国与葡萄牙语国家最高法院院长会议致贺信</h1>

    <h2>习近平向中国与葡萄牙语国家最高法院院长会议致贺信</h2>

    <h3>习近平向中国与葡萄牙语国家最高法院院长会议致贺信</h3>

</body>
</html>
效果图：

简单标签的使用（未完节）

07.段落标签
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
   <!--  段落标签  <p></p>-->
   <p>原标题：习近平向中国与葡萄牙语国家最高法院院长会议致贺信</p>

　　<p>新华社北京3月26日电　中国与葡萄牙语国家最高法院院长会议26日在广州开幕，国家主席习近平致贺信。</p>

　　<p>习近平在贺信中指出，近年来，中国同葡语国家的关系取得长足发展，司法领域交流合作是其中重要组成部分。这次会议对促进中国同葡语国家司法交流合作具有重要意义，将为中国与葡语国家共同发展营造良好法治环境，为推动构建人类命运共同体作出贡献。</p>

　　<p>习近平强调，此次会议以“挑战与超越——互联网时代的司法”为主题，具有重要现实意义。希望各位代表深入交流、积极探讨，努力推进互联网国际法治，让互联网更好造福各国人民。</p>
</body>
</html>
效果图：

简单标签的使用（未完节）

注意： 以后不会用P标签控制样式，以后都会使用css控制
08.水平线标签
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
  <!--   水平线标签 ： <hr> -->
  注意h5  <hr> 可以这样写
  h4  <hr/>要这样写
  <hr>
</body>
</html>
效果图：
09.HTML中的标签分类
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    html中的标签的分类：
    1.双标签   有开始标签，有结束标签  h1 h2 ...h6  p body html head title  
    2.单标签    以自身开始，以自身结束   meta tr 
</body>
</html>
10.新闻安全案例
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1>40.6摄氏度：上海创出140年气象史上高温新纪录</h1>
<p>2016年7月27日 10:58:26 来源： 新华网</p>
<hr>
<p>新华网上海７月２６日电（记者李荣）２６日１３时３６分至４７分这一时间段，上海徐家汇气象观测站测得当日最高温达４０．６摄氏度。这是上海有气象记录以来１４０年的高温新纪录，打破了此前１９３４年创下的４０．２摄氏度的历史极值。</p>

<p>上海已经连续２天发出了最高等级的红色高温警报。上海中心气象台首席服务官满莉萍说，今年副热带高压强度特别强，对上海及江南地区的控制“实在太稳定了”，整个７月份基本上都处在它的势力范围之内。２５日上海已出现了气象史上７月份“第四高”的高温值，这使得２６日的“基础”气温就很高，超过了３０摄氏度，然后不断地升温。此外，２６日白天风小，又吹的是西南风，特别是在中午之后这一个最易出现高温的时段，光照又比较强，所以气温“直线飙升”，一举冲破历史极值，出现了“创纪录”的极端酷暑天。</p>

<p>在上海历史上，出现４０摄氏度以上极端高温的几率并不大。根据相关资料，中心城区徐家汇观测站１４０年来仅出现了５次记录，除了这一次的新纪录，还有就是１９３４年７月１２日的４０．２摄氏度；１９３４年８月２５日、２００９年７月２０日、２０１０年８月１３日的４０摄氏度。</p>

<p>由于气温实在太高，上 海２６日下午不少地区出现了热对流天气。气象台说，首先是浦东地区，下起了热雷雨。到１５时０５分，全市大部分地区出现了分散性的雷电活动和热雷雨，中心城区徐家汇等地都响起了隆隆的雷声。</p>
</body>
</html>

相关推荐