lovecoding
/
VIP22


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
							<!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>
    <!-- h1标题只能有一个 -->
    <h1>我是页面的标题</h1>
    <h2>我是页面的标题</h2>
    <h3>我是页面的标题</h3>
    <h4>我是页面的标题</h4>
    <h5>我是页面的标题</h5>
    <h6>我是页面的标题</h6>

    <!-- 段落 -->
    <p>这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字字这是一段文字这是一段文字这是一段文字
    </p>
    <p>这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字</p>
    我是页面中的内容

    <!-- 图片 src图片地址
        图片地址：绝对路径 (不变)
                相对路径  访问下一级目录/
                         访问上一级../
    -->
    <img src="https://img2.baidu.com/it/u=4256448754,3459359052&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=375">
    <img src="images/img01.jpeg">

    <img src="img02.jpeg">

    <!--a 
        超链接 
        href属性 跳转地址 
        target="_blank" 打开新窗口
    -->
    <!-- <a href="https://www.baidu.com/">百度</a> -->
    <!-- 换行 -->
    <br>
    <a href="https://www.baidu.com/" target="_blank">百度</a>
    <!-- 线 -->
    <hr>

    <!-- 无序列表 -->
    <ul>
        <li>111</li>
        <li>222</li>
        <li>333</li>
        <li>444</li>
    </ul>
    <!-- 有序列表 -->
    <ol>
        <li>aaa</li>
        <li>bbb</li>
        <li>ccc</li>
        <li>ddd</li>
    </ol>

    <!-- 区块 一般用来划分布局 DIV+CSS布局-->
    <!-- div 宽度是充满父元素 -->
    <div>我是一个div</div>
    <div>我是一个div</div>
    <!-- span 的宽度是内容撑的 -->
    <span>我是一个span</span>
    <span>我是一个span</span>

    <hr>
    <div>
        锄禾<span style="color:red">日当午</span>， <br>
        <strong>汗滴</strong>禾下土 <br>
        谁知盘中餐,<br>
        <i>粒粒</i>皆辛苦。
    </div>

    <!-- 
        块级元素
        自己占一行 宽度默认充满父元素
        h1-h6  p  ul li div hr 

        行级元素
        可以多个占一行  宽度是内容撑的
        span strong a i 

     -->

    <!-- 扩展 -->
    <!-- audio音频 -->
    <audio controls="controls">
        <source src="https://www.w3school.com.cn/i/song.mp3" type="audio/mp3" />
    </audio>

    <!-- video视频 -->
    <video controls="controls">
        <source src="https://www.w3school.com.cn/i/movie.mp4" type="video/mp4" />
    </video>


</body>

</html>