HTML基础标签应用

        HTML是一种用于创建和编辑网页的标记语言，它可以定义网页的结构、内容、样式和交互。HTML由一系列的元素组成，每个元素都有一个或多个标签，用来表示不同的功能或含义。HTML文档可以在浏览器中显示，也以包含超链接，实现网页之间的跳转。

基础标签 代码及效果展示

目录

基础标签 代码及效果展示

标题标签

段落标签

水平线

  换行标签

  通用标签

  字体标签

  粗体

  斜体

  删除线

  下划线

  上标和下标

 高亮标记

 缩写

 span标签

 img标签

 音频标签

 视频标签

---

标题标签

    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>

   

---------------------------------------------------------------------------------------------------------------

段落标签

    <p>这是一个段落标签</p>

 

---------------------------------------------------------------------------------------------------------------

水平线

 

    <hr>

---------------------------------------------------------------------------------------------------------------

  换行标签

       

    <p>一段文字将会在这里<br>换行</p>

 

 

---------------------------------------------------------------------------------------------------------------

  通用标签

       

    <div style="height: 50px; width: auto; background-color: red; text-align: center;">这是一个div标签</div>

 

---------------------------------------------------------------------------------------------------------------

  字体标签

       

    <p>可以用font标签对文字的</p><font color="blue">颜色</font><font face="隶书">字体</font><font size="30">大小</font>
    <p>进行修改</p>

 

 

---------------------------------------------------------------------------------------------------------------

  粗体

       

    <b>b标签加粗</b>    <strong>strong标签加粗</strong>

 ​​​​​​​

---------------------------------------------------------------------------------------------------------------

  斜体

       

    <i>i标签斜体</i>    <em>em标签斜体</em>

 ​​​​​​​

---------------------------------------------------------------------------------------------------------------

  删除线

       

    <s>s标签删除线</s>  <del>del标签删除线</del>

 ​​​​​​​

---------------------------------------------------------------------------------------------------------------

  下划线

       

    <u>u标签下划线</u>  <ins>ins标签下划线</ins>

 ​​​​​​​

---------------------------------------------------------------------------------------------------------------

  上标和下标

       

    <!-- 上标 -->
    <sup>上</sup>标

    <!-- 下标 -->
    <sub>下</sub>标

 

---------------------------------------------------------------------------------------------------------------

 高亮标记

       

    <mark>高亮标记</mark>

 ​​​​​​​​​​​​​​

---------------------------------------------------------------------------------------------------------------

 缩写

       

    <abbr title="鼠标悬浮显示">缩写</abbr>

 ​​​​​​​​​​​​​​

---------------------------------------------------------------------------------------------------------------

 span标签

       

    <span>span标签是一个通用行内标签</span>

 ​​​​​​​​​​​​​​​​​​​​​

---------------------------------------------------------------------------------------------------------------

 img标签

       

    <img src="./img/海报.jpg" width="150" height="150" alt="周杰伦专辑">
    <!-- alt属性:当图片无法正常显示时，展示alt中的内容 -->

 ​​​​​​​​​​​​​​

---------------------------------------------------------------------------------------------------------------

 音频标签

       

    <audio src="./img/周杰伦-《半岛铁盒》.flac" controls></audio>
    <!--  controls->控件属性  loop->循环播放  autopaly->自动播放 -->

 ​​​​​​​​​​​​​​

---------------------------------------------------------------------------------------------------------------

 视频标签

       

    <video src="./img/视频.mp4" controls></video>
    <!--  controls->控件属性  loop->循环播放  autopaly->自动播放 -->

 ​​​​​​​

---------------------------------------------------------------------------------------------------------------