0003

诶，现在我们敢炸着胆子去看代码了，虽然还是不懂吧，但不害怕就是进步呀！

但我们每天看的网页，它也不是代码这样呀！

你以为浏览器就是上网的，而其实浏览器还做了许多你不知道的工作。就比如它拿到了网页代码，但你不爱看密密麻麻的代码呀，于是它就耐心的向你解释这些代码，把网页渲染成你爱看的样子。

反正把网页代码变成你日常看到的样子，这件事情是浏览器在做的。

好，现在浏览器去读代码，这里是标题，那里是段落，那这俩东西肯定长得不一样吧，要是长得一样，那解释了不等于没解释么。

HTML 关注的是是什么，而 CSS 关注的是长什么样，这里开始认识另一种语言了，也开始接触“结构样式分离”的思想了哦。

那要是没有 CSS ，或者 CSS 里面没说标题该长啥样呢？对，咱就是为难浏览器。

浏览器说我早有准备，并从口袋里摸出一张小字条，上面写了各种东西应该长成什么样子。这就是默认样式，要是没有规定，那就按着默认的样子去渲染这些元素。

但是不同浏览器口袋里的小抄不太一样，所以同样的元素，在不同的浏览器里可能表现的不太一样。这就好像同样是西红柿炒鸡蛋，不同人做出来的还是千差万别的。

然后嘞，我们再丰富一下对 HTML 的认识，一对儿标签，包含里面被标记的内容，算作一个元素，很好理解，这个标题，就是个元素，许多网页元素组成了这个网页。元素里面还可以有别的元素，就是嵌套，大箱子里装小盒子的意思。（你就大概有个印象就好，这些我们后面会反复用，也就是反复演示）

然后，有时候我们并不需要标记一段儿内容，只是标记一个位置，这里是一条水平线，不是说哪几个字给我变成水平线。这时候就没必要用一对儿标签了，就只用一个开始标签就好了，像这样 <hr>。也有人说只用开始标签这个在逻辑上有点乱，不如认为是把开始标签和结束标签合二为一，写成这样 <hr />（里面的空格写不写都行）。都行，反正你都认识就行，这也不是啥复杂问题。这样一个标签就是一个元素了。

还有问题，有时候单纯用标签去表示可能表达不清楚，我说这里放一张图片：<img /> ，这很好理解，在这个位置放图片，那什么图片呢？起码得把图片的地址说清楚吧？所以我们要在标签中加入属性来做进一步的描述。

<img src="https://fakeimg.pl/350x200/?text=Hello" />

src 这个属性说的就是引用的地址，地址是什么呢，就是等号后面的部分。为了说明后面这部分是一个整体，所以后面要用引号包裹。当然，如果内容是纯数字，是可以省略引号的。

一个元素，可以没有任何属性，也可以有多个属性。

现在再去看 HTML 代码是不是觉得有能多看懂一些的感觉？虽然不知道它是啥，但能理清它们的结构了。

其实 HTML 的核心你已经学会了，只是还没认识它们谁是做什么的而已。

你不点个赞，我怎么知道有人看呢？

或者，请我喝杯咖啡，让老鼠更努力的用爱发电 老鼠爱发电