HTML中a链接，列表，表格与表单素的用法

<h2>链接元素举例</h2>

<!-- 复制Alt + shilt + 下箭头 -->
<!-- 网站本页面跳转 -->
<a href="URL网址">网站跳转</a>
<!-- 网站新开启页面跳转 -->
<a href="URL网址" target="_blank">网站跳转</a>
<a href="tel：电话号码">拨号</a>
<a href="mailto:邮箱">发电子邮件</a>
<!-- 自动跳到锚点所在 -->
<a href="#锚点的id">锚点</a>
<!-- 如果浏览器识别不了该文件，浏览器会自动下载 -->
<a href="文件压缩包" download="自定义文件名">下载</a>

<h2>列表元素演示</h2>

 <!-- 无序列表 -->
    <ul>
      <li>名称1</li>
      <li>名称2</li>
      <li>名称3</li>
      <li>名称4</li>
      <li>名称5</li>
      <li>名称6</li>
      <li>名称7</li>
    </ul>
    <!-- 有序列表 -->
    <ol>
      <li>内容1</li>
      <li>内容2</li>
      <li>内容3</li>
      <li>内容4</li>
      <li>内容5</li>
      <li>内容6</li>
      <li>内容7</li>
    </ol>
    <!-- 自定义列表 -->
    <!-- 要写在一个容器里面默认是dl -->
    <dl>
      <dt>名字</dt>
      <!-- dd可以是多个 -->
      <dd>对名字的解释</dd>
      <dd>对名字的解释2</dd>
    </dl>

<h2> 表格演示</h2>

<table  border="1"
    cellpadding="5"
    cellspacing="0"
    width="500"
    height="300"
    align="center">
      align="center"
      <!-- 表格标题  -->
    <caption>标题</caption>
    <!-- 表格页眉 -->
    <thead>
        <th>导航事件1</th>
        <th>导航事件2</th>
        <th>导航事件3</th>
    </thead>
    <!-- 表格主体 -->
    <tbody>
        <tr>
            <td> 具体内容1</td>
            <td> 具体内容2</td>
            <td> 具体内容3</td>
        </tr>
        <tr>
            具体内容
            <td> 具体内容1</td>
            <td> 具体内容2</td>
            <td> 具体内容3</td>
        </tr>
        <tbody>
            <tr>
                <td>具体内容1</td>
                <td>具体内容2</td>
                <td>具体内容3</td>
            </tr>
        </tbody>
    </tbody>
    <!-- 表格页脚 -->
    <tfoot>
        <tr>
            <td> 具体内容</td>
            <td colspan="2">合并</td>
        </tr>
    </tfoot>
    </table>

<h2>表单演示</h2>

 <form action="">
      <section>
        <!-- inputs是一个行内标签所由元素都在一行为了实现垂直结构所以放到section中 -->
        <label for="要选中的id值">用户</label>
        <input type="text" id="" />
      </section>
    </form>