lovecoding
/
test


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
							<!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>
    <!-- ctrl+?注释的快捷键  ctrl+c复制 ctrl+v粘贴 -->

    
    <!-- 学习HTML语言 超文本标记语言 
        
        标签  往往由开始标签和结束标签组成 -->
    <!-- 标题 -->
    <h1>领先的 Web 技术教程 - 全部免费</h1>
    <h2>领先的 Web 技术教程 - 全部免费</h2>
    <h3>领先的 Web 技术教程 - 全部免费</h3>
    <h4>领先的 Web 技术教程 - 全部免费</h4>
    <h5>领先的 Web 技术教程 - 全部免费</h5>
    <h6>领先的 Web 技术教程 - 全部免费</h6>

    领先的 Web 技术教程 - 全部免费

    <!-- 一段文字 -->
    <p>其中包括W3C标准技术：HTML、CSS、XML 。以及其他技术，诸如 JavaScript、PHP、SQL 等。其中包括W3C标准技术：HTML、CSS、XML 。以及其他技术，诸如 JavaScript、PHP、SQL 等。其中包括W3C标准技术：HTML、CSS、XML 。以及其他技术，诸如 JavaScript、PHP、SQL 等。其中包括W3C标准技术：HTML、CSS、XML 。以及其他技术，诸如 JavaScript、PHP、SQL 等。其中包括W3C标准技术：HTML、CSS、XML 。以及其他技术，诸如 JavaScript、PHP、SQL 等。</p>

    <!-- 图片 
        标签属性 
        src 图片地址
            绝对路径（固定不变）

            相对路径 ./代表当前路径  
                    /访问下一级目录 

        alt 当图片加载不出来的时候，会显示alt中的内容

        图片格式：.jpg|jpeg
                 .gif动图
    -->
    <img src="https://img1.baidu.com/it/u=1699929707,733321099&fm=253&fmt=auto&app=120&f=JPEG?w=1422&h=800" alt="这是一张图片">

    <!-- <img src="图片地址" alt="当图片加载不出来的时候会显示alt中的内容"> -->
    
    <img src="https://img.alicdn.com/imgextra/i2/O1CN012fYIQo1p621dyGVfx_!!6000000005310-1-tps-160-120.gif" alt="">


    <!-- <img src="./img01.webp" alt=""> -->

    <img src="./img02.webp" alt="">
    <img src="./images/img01.webp" alt="">

    <br>
    <br> 
    <br>
    <!-- 超链接 跳转链接 href="跳转地址"-->
    <a href="https://www.baidu.com">百度</a>
    <!-- <a href="真正跳转到的地址">跳转到哪的文字描述</a> -->

    
</body>
</html>