1.基本标签

1.1标题标签<h1>我是一级标题</h2>

1.2段落标签<p>我是段落标签</p>

1.3换行标签<br>

1.4水平线标签<hr>

1.5斜体标签<em>我是斜体标签</em>

1.6字体加粗标签<strong>我是字体加粗标签</strong>

1.7图像标签<img src=" 路径" alt="图片加载失败提示信息">

./同一层级目录    ../上一层级目录

1.8超链接标签<a href=" 网址" target=_blank>网址名</a>

<a href="#">网址名</a>

target属性值为_blank时，表示在新标签页中打开
#表示不会跳转
2.加的标签
2.1无序列表
2.2有序列表
2.3自定义列表
3.表格标签
4.块元素与行内元素
在网页上独占一行的叫块元素，可以放在同一行的叫行内元素。
常见的行内元素：a标签，img标签，strong标签，em标签
常见的块元素：标题标签，p标签，hr标签，ul标签
无意义的块元素与行内元素
无意义的块元素标签<div>我是无意义的块元素</div>
无意义的行内元素标签<span>我是无意义的行内元素</span>
<!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>
  <!-- !+回车或Tab键搭建框架 -->
  <!-- html是文件类型 -->
  <!-- Ctrl键加/  快速注释-->
  <!-- &nbsp 是空格符 -->
  <!-- 1.基本标签 -->

  <!-- 1.1标题标签 -->
 <!-- <h1>我是一级标题</h1>
  <h2>我是二级标题</h2>
  <h3>我是三级标题</h3>
  <h4>我是四级标题</h4>
  <h5>我是五级标题</h5>
  <h6>我是六级标题</h6>-->

  <!-- 1.2段落标签 -->
      <p>锄禾日当午，汗滴禾下土。谁知盘中餐，粒粒皆辛苦。</p>

  <!-- 1.3换行标签 -->
      <br>

  <!-- 1.4水平线标签 -->
      <hr>
  
  <!-- 1.5斜体标签 -->
       <em>我是斜体标签</em>
 
       <!-- 1.6加粗标签 -->
  <strong>我是加粗标签</strong>
 
  <!-- 1.7图像标签 -->
  <img src="./t014b1edc92f1a7ec1b.jpg" alt="图片加载失败提示信息">
  <!-- src="图片路径" -->
  <!-- ./同一层级目录    ../上一层级目录 -->
  
  <!-- 1.8超链接标签 -->
    <a href="网址">网址名</a>
<!-- 调到自己写的htlm页面 -->   <a href="./helloworld.html">悯农</a>
<!-- target属性值为_blank时，表示在新标签页中打开 -->   <a href="https://www.baidu.com/"target="_blank">百度</a>

<!-- 2.加的标签 -->
<!-- 2.1无序列表 -->
<ul>
    <li>书本</li>
    <li>水果</li>
    <li>动物</li>
</ul>

<!-- 2.2有序列表 -->
<ol>
<li>起床</li>
<li>刷牙洗漱</li>
<li>吃早饭</li>
</ol>

<!-- 2.3自定义列表 -->
<dl>

<dt>水果</dt>
<dd>香蕉</dd>
<dd>桃子</dd>
<dd>西瓜</dd>
<dt>动物</dt>
<dd>老虎</dd>
<dd>熊猫</dd>
<dd>狮子</dd>

</dl>

<!-- 3.表格标签 -->
<table border="2">
<tr>
    <td>姓名</td>
    <td>年龄</td>
    <td>性别</td>
</tr>
<tr>
    <td>tom</td>
    <td>18</td>
    <td>男</td>
</tr>
<tr>
    <td>maary</td>
    <td>15</td>
    <td>女</td>
</tr>
</table>

</body>
</html>