<!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>第四单元笔记</title>
</head>

<body>
    <div id="锚点链接目的地"></div>
    <div style="height: 2000px;"></div>
    <a href="#锚点链接目的地">我要去锚点链接目的地</a>
    <!-- javascript:;是一个空链接，他不会刷新页面也不会返回顶部 -->
    <!-- #会返回顶部 -->
    <!-- href为空时点击内容时页面会刷新并返回顶部 -->
    <!-- mailto:邮箱地址 -->
    <a href="javascript:;">空链接</a><br>
    <a href="#">返回顶部</a><br>
    <a href="">刷新，返回顶部</a><br>
    <a href="mailto:3125980268@qq.com">点我发送邮箱</a><br>
    <a href="图片地址">点我查看大图（你可以在代码处添加图片）</a><br>
    <a href="文件地址">点击下载文件（你可以在代码处添加文件）</a><br>
    <h2>表格</h2>
    <!-- 表格是由<table></table>标签来定义 -->
    <!-- 每个表格均有若干行由<tr></tr>标签来定义（th代表的是表格的表头和td使用方法一致只是视觉表现不同） -->
    <!-- 每行被分割为若干个单元格由<td></td>标签来定义 -->
    <!-- width="宽度"你可以设置表格的宽度 -->
    <!-- height="高度"你可以设置表格的高度 -->
    <!-- border="边框"你尅设置表格的边框 -->
    <!-- bgcolor="颜色"你可以设置表格的颜色 -->
    <!-- align="位置如：lift(左)，center（中），right（右）"你可以设置表格的位置 -->
    <!-- cellspacing="单元格间距"你可以设置单元格间距 -->
    <!-- cellpadding="单元格里的内容到边框的距离"你可以设置单元格里的内容到边框的距离 -->
    <table width="" herght="" border="1" bgcolor="" align="" cellspacing="" cellpadding="">
        <!-- <tr></tr>是行标签 -->
        <!-- height="高度" -->
        <!-- bgcolor= "背景色" -->
        <!-- align="lift(左)，center（中），right（右）"位置 -->
        <!-- valign="top(顶部),middle（默认，中间）,bottom（底部）垂直位置" -->
        <tr height="" bgolor="" align="" valign="">
            <th>
                标题1
            </th>
            <th>
                标题2
            </th>
            <th>
                标题3
            </th>
        </tr>
        <tr>
            <!-- width="高度" -->
            <!-- align="lift(左)，center（中），right（右）"位置 -->
            <!-- valign="top(顶部),middle（默认，中间）,bottom（底部）垂直位置" -->
            <!-- border= "背景色" -->
            <td width="" align="" valign="" border="">
                内容1
            </td>
            <!-- colspan="最小值为2"横向合并单元格 -->
            <!-- rowspan="0代表合并当前单元格下面的所有，最小值为2，最大值取值就是行的数量" -->
            <td colspan="2" rowspan="0">
                内容2
            </td>
            <td>
                内容3
            </td>
        </tr>
        <tr>
            <td>
                内容4
            </td>
            <td>
                内容5
            </td>
            <td>
                内容6
            </td>
        </tr>
    </table>
</body>

</html>