HTML基础标签（一）-优快云博客

<head>
    <!-- 编码格式 -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 小图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <!-- 网页标题 -->
    <title>day1</title>
</head>

三、body部分

1.块标签

快标签独占一行，可以设置宽高，代码如下：

<!-- 快标签 独占一行，可以设置宽高 -->

    <!-- h1 - h6 标题标签 -->
    <h1>h1标签</h1>
    <h2>h2标签</h2>
    <h3>h3标签</h3>
    <h4>h4标签</h4>
    <h5>h5标签</h5>
    <h6>h6标签</h6>

    <!-- 水平线标签  -->
    <hr>

    <!-- 换行标签 -->
    <br>

    <!-- 段落标签 -->
    <p>段落标签</p>

    <!-- div盒子 -->
    <div>我是div</div>

2.行标签

行标签内容撑开，不自动换行，不可以设置宽高代码如下（示例）：

<!-- 行标签  内容撑开，不自动换行，不可以设置宽高-->

   <!-- 文字标签（标签是红色的）
    color:颜色属性
    face：字体属性
    size：字体大小
    -->
    <font color="pink" face="楷体" size="5">文字标签</font>

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

    <!-- 缩写标签 
    title属性：鼠标悬浮时显示属性值
    -->
    <abbr title="描述了元素的额外信息">缩写</abbr>

    <!-- span标签 -->
    <span>span标签 行标签中的div</span>

3.图片标签

 <!-- 图片标签 -->
    <img src="./img/xinzhi.jpg" alt="图片加载失败" width="200" height="100">

4.超链接标签

 <!-- 超链接标签 
    target属性：_blank 跳转新窗口
                _self 在本窗口打开（默认）
                _top 优先打开
    -->
    <a href="http://www.baidu.com" target="_blank"></a>

5.音频标签

 <!-- 音频标签 
    controls 控件
    loop 循环播放
    autoplay 自动播放
    -->
    <audio src="./mp3/Dancers.mp3" controls loop autoplay></audio>

6.视频标签

<!-- 视频标签 -->
    <video src="./mp4/周深 - 大鱼.mp4" controls loop autoplay></video>