开头
这是一篇关于HTML知识学习的笔记。
浏览器
首先我们来说一说浏览器的作用，众所周知，网页的组成部分是HTML+CSS+JavaScript，而浏览器最核心的部分是渲染引擎（Rendering Engine），也称“浏览器内核”，负责解析网页语法，并渲染（显示）网页。以上便是浏览器的作用。
HTML
在下面我会给出一个案例，是我自己写的简单实现，来对知识进行总结应用。 简单来说一下里面用到的一些HTML标签元素。
img元素
作用：显示图片，有两个常见属性：src属性：source缩写，表示源，是必须的，包含嵌入图片的文件路径。alt属性：不是强制性的，两个作用：一：当图片加载不成功（错误地址或资源不存在），会显示对应文本。二：屏蔽阅读器会将这些描述读给需要使用阅读器的使用者听，让他们知道图片的含义。同时img元素是一个可替换元素（replaced element）。
div元素
div元素：多个div元素包裹的内容会在不同的行显示；一般作为其他元素的父容器（盒子），把其他元素包住，代表一个整体；也用于把网页分割为多个独立的部分；它的用处非常广泛，可以说在哪里都可以用到，总结为无所用、无所不用。
其他元素
当然HTML肯定还有很多其他元素，这里我就不一一列出了。可以肯定的是，经过学习，我了解了更多的元素标签。
案例
对于自己所学习的知识以及利用了少部分的CSS知识来写了一个网易云的音乐播放封面小案例，主要是绝对定位应用以及HTML的掌握。
这个便是做完的状态，同时也因为我没有用JS来写以及CSS还没有学透，只做了个简单实现，来测试自己这段时间学习的HTML知识以及CSS绝对定位的使用。
<div class="top">
<img src="../图片/网易云案例1.jpg" alt="音乐封面">
<a class="cover" href="#"></a>
<div class="info">
<i class=" sprite_02_icon_music sprite_02 icon-music"></i>
<span class="count">34万</span>
<i class="sprite_02_icon_play sprite_02 icon-play"></i>
</div>
</div>
<a class="bottom" href="#">
野王的诱惑第1集
</a>
</div>
以上这个是代码方面HTML的实现。 当然还有CSS部分，这里就不再赘述了，感兴趣的小伙伴可以自己去动手试试，是一个很简单的实现。既可以测试自己也可以锻炼自己的知识掌握。
