重点：

1. 标题
2. 段落
3. 图片
4. 超链接

5. 文本

   1. 标题

   标题（Heading）是通过

   -

   标签进行定义的。
   

   定义最大的标题。

   定义最小的标题。

   <h1>一级标题h1</h1>
   <h2>二级标题h2</h2>
   <h3>三级标题h3</h3>
   <h4>四级标题h4</h4>
   <h5>五级标题h5</h5>
   <h6>六级标题h6</h6>

   标题很重要，请确保将HTML标题标签只用于标题。
   不要仅仅是为了生成粗体或大号的文本而使用标题。
   正确使用标题有益于SEO
   应该将h1用作主标题（最重要的），其后是h2（次重要的），再其次是h3，以此类推。

   2. 段落

   段落是用过

   标签定义的。

   <p>这是一个段落</p>
   <p>这是另一个段落</p>

   3. 图片

   <img> 标签定义html页面中的图像。他是一个单标签，所以不必非要进行闭合。

   <img src="" alt="" width="" height="" title="" >

   属性：

6. src路径

   1. 绝对路径：E:\B站课程\1.第一章 HTML5标签\1.png
   2. 相对路径：两者相对关系，两者在同一路径下可以直接访问
      1. 子级关系：/
      2. 父级关系：../
   3. 网络路径：具体的网络地址 http://www.baidu.com
7. alt：规定图像的替代文本。如果图片无法显示则显示文字。
8. width：规定图像的宽度
9. height：规定图像的高度
10. title：鼠标悬停在图片上给予提示

    4. 超链接

    HTML使用标签来设置超链接
    超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的页面。
    当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。

    <a href="url"></a>

    后续我们会通过CSS样式调整它的默认显示效果

    5. 文本

    以下是文本标签，作为初学者，我们并不需要每一个都掌握，只需要掌握常见的几个标签就可以了，例如：
    、、、和、标签

<p>这是⼀个普通的⽂本- <b>这是⼀个加粗⽂本</b>。</p>
<p><em>强调⽂本</em></p>
<p>He named his car <i>The lightning</i>, because it was very fast.</p>
<p><strong>加粗⽂本</strong></p>
<p><del>删除效果</del></p>

<a href="https://www.mi.com/mix4">
    <img src="imgs/p1.webp" alt="手机">
    <h3>Xiaomi MIX4</h3>
    <p>CUP全面屏</p>
    <p>4999元 <del>5999元</del></p>
</a>