HTML常见标签

古月朝朝

已于 2023-02-26 18:33:51 修改

阅读量91

点赞数

分类专栏：前端 # HTML 文章标签： html5

于 2023-02-26 18:31:38 首次发布

本文链接：https://blog.csdn.net/weixin_44550660/article/details/129229655

版权

前端同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

HTML

2 篇文章 0 订阅

订阅专栏

文章介绍了HTML中的标题标签（h1-h6）、段落标签、文本格式化标签（如加粗、斜体）、盒子标签（div和span）、图片标签以及链接的使用方法，包括相对URL、外部链接和内部链接的示例。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!--标题标签
        1.加了标题的文字会变得加粗
        2.一个标题独占一行
    
    -->
    <h1 id="ti">你好1</h1>
    <h2>你好2</h2>
    <h3>你好3</h3>
    <h4>你好4</h4>
    <h5>你好5</h5>
    <h6>你好6</h6>
    -----Buruobishi

    <!--段落标签
        1.文本在一个段落中会根据浏览器窗口大小自动换行
        2.段落和段落之间保有空隙
    -->
    <!--行换标签
        1.文本在一个段落中会根据浏览器窗口大小自动换行
        2.段落和段落之间保有空隙
    -->
    <p>近期，我国防控形势总体向好，平稳进入“乙类乙管”常态化防控阶段，各地疫情呈局部零星散发状态。本轮疫情是否已经结束？<br>新变异株是否可能引发新一轮感染高峰？下一步如何继续健全疫情监测体系和信息报告制度？围绕公众关注的热点，国务院联防联控机制23日举行新闻发布会作出回应。
    </p>
    <p>国家卫生健康委疫情应对处置工作领导小组专家组组长梁万年介绍，从公共卫生的角度看，疫情可按流行强度分为散发、暴发、流行、大流行四类。判定是否走出疫情大流行，主要有疾病感染率、人群免疫水平、病毒质变情况、门急诊的诊疗量和住院及死亡情况、整体防控能力等五个重要指标。</p>

    <!--文本格式化标签
        为文字设置粗体、斜体、删除线或下划线等效果
        显得比普通的文字更加重要
    -->

    <!--加粗-->
    我是<strong>加粗</strong>文字，我是<b>加粗</b>文字。<br>
    <!--倾斜-->
    我是<em>倾斜</em>文字，我是<i>倾斜</i>文字<br>
    <!--删除线-->
    我是<del>删除线</del>文字，我是<s>删除线</s>文字<br>
    <!--下划线-->
    我是<ins>下划线</ins>文字，我是<u>下划线</u>下文字<br>

    <!--盒子标签-->
    <div>我是一个div标签，我独占一行</div>
    <div>我是一个div标签，我独占一行</div>
    <span>百度</span>
    <span>新浪</span>
    <span>搜狐</span><br>

    <!--图片标签
    alt:替换文本，图像显示不出来的时候用文字替换
    title:鼠标放到图片上显示的文字
    width:像素 设置图像宽度
    height:像素 设置图像高度
    border:像素 设置图片的边框粗细

    -->
    <img src="1 (1).jpg" alt="显示不出阿来"><br>
    <img src="C:\Users\Hu\Documents\前端\1 (1).jpg" alt="显示出来" width="200"><br>
    <img src="C:\Users\Hu\Documents\前端\1 (1).jpg" title="好好看" height="300"><br>
    <img src="C:\Users\Hu\Documents\前端\1 (1).jpg" title="好好看" height="300" border="15" lang=""><br>

    <!--相对位置
        相对URL（relative URL）以包含URL本身的文件夹的位置为 参考点，描述目标文件夹的位置。
        .：代表目前所在的目录，相对路径。 如： <a>文本 </a> 或 <img src="./abc" />
        ..：代表上一层目录，相对路径。 如： <a>文本 </a> 或 <img src="../abc" />
        ../../：代表的是上一层目录的上一层目录，相对路径。 如： <img src="../../abc" >
        /：代表根目录，绝对路径。 如：[文本] (/abc) 或 <img src="/abc" />
    -->

    <img src="..\1 (1).jpg" title="好好看" height="300"><br>


    <!--外部链接
        作用是从一个页面链接到另外一个页面
        target：打开页面的方式
          _blank	在新窗口中打开被链接文档。
          _self	默认。在相同的框架中打开被链接文档。
          _parent	在父框架集中打开被链接文档。
          _top	在整个窗口中打开被链接文档。
          framename	在指定的框架中打开被链接文档。
    -->
    <a href="https://cn.bing.com/" target="_blank">必应</a>
    <!--内部链接-->
    <a href="..\Javascript\d1.html">内部链接</a>
    <!--空链接-->
    <a href="#">空链接</a>
    <!--下载链接-->
    <a href="..\1 (1).7z">下载链接</a><br>
    <!--网页元素链接-->
    <a href="..\1 (1).7z"><img src="..\1 (1).jpg" alt="" height="200"></a><br>
    <!--网页锚定链接-->
    <a href="#ti"><img src="..\1 (1).jpg" alt="" height="200"></a><br>

</body>

</html>