这里总结

1.HTML的基本概念

2.meta元素

3.相对路径和绝对路径

4.anchor概念

参考网址：https://developer.mozilla.org/zh-CN/

基本概念：

一个简单的示例

请不要急，这里面的内容会慢慢介绍给你的，这是做一个参考，方便学习

HTML的基本介绍

、

---

元素组成

从上面的图可以看出，基本上一句话由开标签和闭标签围住，中间是内容、

---

元素的属性

属性很好理解，比如我们定义这段内容的字体颜色，大小等等

上面的class内容我认为就是一个标识，如果现在不理解也没关系，意思就是方便样式

(不懂？没关系，先看)找到这个元素。

想想那个class属性，上面3个包含的内容就好理解了

---

空元素

这里的元素是img元素，效果就是插入一副图像

两个属性

src：你必须写成src，不要写成href或者其他的，这个代表的是图像的路径，当然有绝对路径和相对路径，如果你不懂，请不要急，稍后会总结

alt：很简单，就是一个对图片的描述，不是必选的，比如你图片加载不出来，浏览器就会显示出这段文字

简单示例的基本解释

以上是对语句的一点解释，我能想到的一些问题就是：

1.上面的东西是不是一定要写?：

是的，一个都不能少

2.meta元素的理解？

你就把他先晾在一边吧，实际上就是限定整个html，故称作元数据，而至于这个示例里面的charset="utf-8"，简单来讲就是能让你的网页显示中文或者其他的语言

列表

很简单，像这样
·苹果
·香蕉
成为无序列表(unordered)

而这样：
1.苹果
2.香蕉
称为有序列表(ordered)

链接

这个地方href那个地方你会发现有点问题，是绝对路径选取错误的问题，不急，稍后解释,

最好写成这样：

meta元素

这里也就简单总结一下：

添加作者描述

你可能想我们为什么要加一个作者描述，为什么不直接写在页面上就好了，好的，因为就是要这样，这样方便找到信息

示例

还有一个比较重要的作用

那就是浏览器会根据meta元素里面的name和content来找信息

相对路径和绝对路径

其实你百度一下就好了
s**t，总结一下：
相对路径：是在当前目录下去找，比如你的html文件在C盘，你去找一个文件，那么就是基于在C盘目录下去找的,不会去什么E,F盘去找

绝对路径：就是把一个文件的完整路径给出来

优劣分析：

anchor概念

下面我们做点好玩的,叫抛锚:-)

1.假如你写了一大段内容，比如它位于你整个文章的第5段

2.如果你想快速的找到他，就需要用到抛锚

做法：

你先把你那一大段的内容给一个id属性（id是唯一的)

然后给一个标签，附上链接，用哈希符号，#，指定这个id就好

试一试！