通往全栈之路——HTML

HTML

HTML（HyperText Markup Language），中文名字叫超文本标记语言，超文本，就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。HTML只是标记语言，语言本身不具有逻辑，这语言只是用来容纳其他超文本。下面的例子中html元素就是用来容纳图片超文本的

代码

---

效果

---

通常来说，html标签具有结构性，一个网页是由一个类似树结构的html结构来完成个个超文本的显示

导图

---

标签类型

标签，顾名思义，用来容纳各种超文本的html成为标签，比如上面例子中的就是用来容纳图片超文本的标签。标签的分类依据不同有不同的分类结构，通常情况下，我们只需要根据其在一个网页的空间分布进行分类

---

块级标签（block）：该类型标签宽度占据一个网页的一行

如

,

,更多标签大家可以查阅相关文档

内联标签（inline）：该类型标签宽度由其包容的超文本大小决定，不会独占一行

如,更多标签大家可以查阅相关文档

标签属性

所谓的属性，即使指定该标签特定的表现形式，属性分为全局属性和私有属性

全局属性：

全局属性，顾名思义，无论块级标签或者内联标签都共用的属性，例如style属性

该属性用于指定该标签的样式——宽度的大小

更多的全局属性大家可以查阅文档

私有属性：

私有，即并不是全部标签都可以使用的，例如上面的src属性，用于指定超文本图片的位置

HTML API

api，其实api就是一个函数方法，我们通过调用该方法，得到我们想的到的结果数据，html提供了丰富的api给我们使用，大大简化了我们的工作复杂性

获取地理位置信息api ：navigator.geolocation.getCurrentPosition()

获取本地存储的api：localStorage

更多api可以查阅相关的书籍或者有什么疑问可以加我的qq3022304423