<h2>二级标题</h2>

<h3>三级标题</h3>

<h4>四级标题</h4>

<h5>五级标题</h5>

<h6>六级标题</h6>

hgroup标签用来为标题分组，可以将一组相关的标题同时放入到hgroup<hgroup>

<h1>回乡偶书二首</h1>

<h2>其一</h2>

</hgroup>其他标签p标签表示页面中的一个段落<p>在p标签中的内容就表示一个段落</p>em标签用于表示语音语调的一个加重<p>今天天气<em>真</em>不错！</p>strong表示强调，重要内容！<p>你今天必须要<strong>完成作业</strong>！</p>blockquote 表示一个长引用<blockquote>

这句话我是从来没有说过的！

</blockquote>q表示一个短引用子曰<q>学而时习之，乐呵乐呵！</q>br标签表示页面中的换行<br>1.4布局标签

header 表示网页的头部 main 表示网页的主体部分(一个页面中只会有一个main) footer 表示网页的底部 nav 表示网页中的导航 aside 和主体相关的其他内容（侧边栏） article 表示一个独立的文章 section 表示一个独立的区块，上边的标签都不能表示时使用section

div 没有语义，就用来表示一个区块，目前来讲div还是我们主要的布局元素

span 行内元素，没有任何的语义，一般用于在网页中选中文字

<header></header>    <main></main>    <footer></footer>    <nav></nav>    <aside></aside>    <article></article>    <section></section>    <div></div>    <span></span>

使用ol标签来创建无序列表，使用li表示列表项

<ul>       <li>结构</li>       <li>表现</li>       <li>行为</li>   </ul>

使用ul标签来创建无序列表，使用li表示列表项

<ol>       <li>结构</li>       <li>表现</li>       <li>行为</li>   </ol>

使用dl标签来创建一个定义列表， 使用dt来表示定义的内容，使用dd来对内容进行解释说明

<dl>       <dt>结构</dt>       <dd>结构表示网页的结构，结构用来规定网页中哪里是标题，哪里是段落</dd>       <dd>结构表示网页的结构，结构用来规定网页中哪里是标题，哪里是段落</dd>       <dd>结构表示网页的结构，结构用来规定网页中哪里是标题，哪里是段落</dd>   </dl>

<ul>       <li>          aa           <ul>               <li>aa-1</li>               <li>aa-2                   <ul>                       <li>aa-1</li>                       <li>aa-2</li>                   </ul>               </li>           </ul>       </li>   </ul>

超链接可以让我们从一个页面跳转到其他页面， 或者是当前页面的其他的位置

1.6.2 定义

使用 a 标签来定义超链接

<a href=";>超链接</a>

指定跳转的目标路径

值可以是一个外部网站的地址

也可以写一个内部页面的地址

超链接是也是一个行内元素，在a标签中可以嵌套除它自身外的任何元素

1.6.3.2 属性2：target

用来指定超链接打开的位置

_self 默认值 在当前页面中打开超链接

_blank 在一个新的要么中打开超链接

<a href="07.列表.html" target="_blank">超链接</a>

将#作为超链接的路径的展位符使用

javascript:; 来作为href的属性，此时点击这个超链接什么也不会发生

将超链接的href属性设置为#，这样点击超链接以后 页面不会发生跳转，而是转到当前页面的顶部的位置

跳转到页面的指定位置，只需将href属性设置 #目标元素的id属性值

<a href="#bottom">去底部</a>   <br><br><a href="#p3">去第三个自然段</a>   <br><br><p>  内容多一点</p><a href="#">这是一个新的超链接</a>   <br><br><a href="javascript:;">这是一个新的超链接</a>   <br><br><a id="bottom" href="#">回到顶部</a>

img标签来引入外部图片，img标签是一个自结束标签

属性：src 属性指定的是外部图片的路径（路径规则和超链接是一样的）

alt 图片的描述，这个描述默认情况下不会显示，有些浏览器会图片无法加载时显示

<img src="./img/1.gif" alt="松鼠">

用于向当前页面中引入一个其他页面

src 指定要引入的网页的路径frameborder 指定内联框架的边框

<iframe src="; width="800" height="600" frameborder="0"></iframe>

audio 标签用来向页面中引入一个外部的音频文件的

1.8.1.1 属性controls 是否允许用户控制播放autoplay 音频文件是否自动播放如果设置了autoplay 则音乐在打开页面时会自动播放loop 音乐是否循环播放

<audio src="./source/audio.mp3" controls autoplay loop></audio>

除了通过src来指定外部文件的路径以外，还可以通过source来指定文件的路径

<audio controls>       <!-- 对不起，您的浏览器不支持播放音频！请升级浏览器！-->       <source src="./source/audio.mp3">       <source src="./source/audio.ogg">       <embed src="./source/audio.mp3" type="audio/mp3" width="300" height="100">   </audio>

与 audio 相似

<video controls>       <source src="./source/flower.webm">       <source src="./source/flower.mp4">       <embed src="./source/flower.mp4" type="video/mp4">   </video>

2.表格table在table中使用tr表示表格中的一行，有几个tr就有几行在tr中使用td表示一个单元格，有几个td就有几个单元格rowspan 纵向的合并单元格colspan 横向的合并单元格

<table border="1" width='50%' align="center">      <tr>          <td>A1</td>          <td>B1</td>          <td>C1</td>          <td>D1</td>      </tr>      <tr>          <td>A2</td>          <td>B2</td>          <td>C2</td>          <td rowspan="2">D2</td>      </tr>      <tr>          <td>A3</td>          <td>B3</td>          <td>C3</td>      </tr>      <tr>          <td>A4</td>          <td>B4</td>          <td colspan="2">C4</td>      </tr>  </table>

<table border="1" width='50%' align="center">        <thead>          <tr>              <th>日期</th>              <th>收入</th>              <th>支出</th>              <th>合计</th>          </tr>      </thead>      <tbody>          <tr>              <td>2000.1.1</td>              <td>500</td>              <td>200</td>              <td>300</td>          </tr>          <tr>              <td>2000.1.1</td>              <td>500</td>              <td>200</td>              <td>300</td>          </tr>          <tr>              <td>2000.1.1</td>              <td>500</td>              <td>200</td>              <td>300</td>          </tr>          <tr>              <td>2000.1.1</td>              <td>500</td>              <td>200</td>              <td>300</td>          </tr>      </tbody>      <tfoot>          <tr>              <td></td>              <td></td>              <td>合计</td>              <td>300</td>          </tr>      </tfoot>  </table>

border-spacing: 0px;

border-collapse: collapse;

<input type="text" name="username">

<input type="radio" name="hello" value="a"><input type="radio" name="hello" value="b" checked>

<input type="checkbox" name="test" value="1">      <input type="checkbox" name="test" value="2">      <input type="checkbox" name="test" value="3" checked>

<select name="haha">          <option value="i">选项一</option>          <option selected value="ii">选项二</option>          <option value="iii">选项三</option>      </select>

<input type="submit" value="注册">

<form action="target.html">      <input type="text" name="username" value="hello" readonly>      <br><br>      <input type="text" name="username" autofocus>      <br><br>      <input type="text" name="b">      <br><br>      <!-- <input type="color"> -->      <br><br>      <!-- <input type="email"> -->      <br><br>      <input type="submit">      <!-- 重置按钮 -->      <input type="reset">      <!-- 普通的按钮 -->      <input type="button" value="按钮">      <br><br>             <button type="submit">提交</button>      <button type="reset">重置</button>      <button type="button">按钮</button>  </form>

<!--我是注释中的注释 注释不能嵌套-->

<!doctype html>