Day02

a标签用来跳转定位资源

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图片</title>
    <style>
        .myimg{
            width:600px;
            height: 300px;
        }
    </style>
</head>
<body>
    <!--src插入图片并设置宽高-->
    <img src="./img/1.png" class="myimg">
    <!--href指定了链接的资源位置-->
    <!--a标签是显示的文字-->
    <a href="https://www.baidu.com/index.php?tn=68018901_58_oem_dg">百度</a>
    <a href="https://www.nuc.edu.cn/index.htm">中北大学</a>
    <a href="#position1">去位置1</a>
    <a href="#position2">去位置2</a>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <!--定义锚点可以让链接快速定位-->
    <a name="position1">位置1</a>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <a name="position2">位置2</a>
</body>
</html>

表格

\

     <table border="1">
     <tr>
         <td>第一列</td>
         <td>第二列</td>
         <td>第三列</td>
        </tr>
        <tr>
            <td>第一列</td>
            <td>第二列</td>
            <td>第三列</td>
        </tr>
        <tr>
            <td>第一列</td>
            <td>第二列</td>
            <td>第三列</td>
        </tr>
     </table>

border属性：指定表格和它的单元格边框的线条的宽度，border=1是一个像素宽

tr:table row 表格的行

td:table data 表格的数据

列表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--无序列表-->
    <ul>
        <li>苹果</li>
        <li>梨</li>
        <li>香蕉</li>
    </ul>
    <!--有序列表-->
    <ol>
         <li>苹果</li>
        <li>梨</li>
        <li>香蕉</li>
    </ol>
    <h2>基本信息</h2>
    <ul>
        <li>姓名：张三</li>
        <li>性别：男</li>
        <li>出生日期：2006-8-02</li>
    </ul>
    <ol>
         <li>Java</li>
        <li>c</li>
        <li>python</li>
    </ol>
</body>
</html>

区块

\

<div style="background-color:aqua">1</div>

  <div style="background-color:aqua">1</div>
    <div>大宝&reg;中&nbsp;&nbsp;&nbsp;&nbsp;国&copy;
        <input value="123&quot;">
        <input value="我是一个&quot;超人&quot;">
        <input value='我是一个“超人”'>
    </div>

   <div>
        <video src="./img/3.mp4"  width="400" controls autoplay></video>
    </div>

    <div>
           <audio src="./img/4.mp3" controls></audio>
        </div>