HTML
HTML(HyperText Markup Language),中文名字叫超文本标记语言,超文本,就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。HTML只是标记语言,语言本身不具有逻辑,这语言只是用来容纳其他超文本。下面的例子中html元素<img>就是用来容纳图片超文本的
代码
效果
通常来说,html标签具有结构性,一个网页是由一个类似树结构的html结构来完成个个超文本的显示
导图
标签类型
标签,顾名思义,用来容纳各种超文本的html成为标签,比如上面例子中的<img>就是用来容纳图片超文本的标签。标签的分类依据不同有不同的分类结构,通常情况下,我们只需要根据其在一个网页的空间分布进行分类
块级标签(block):该类型标签宽度占据一个网页的一行
如<div ></div>,<header></header>,更多标签大家可以查阅相关文档
内联标签(inline):该类型标签宽度由其包容的超文本大小决定,不会独占一行
如<img>,<span>更多标签大家可以查阅相关文档
标签属性
所谓的属性,即使指定该标签特定的表现形式,属性分为全局属性和私有属性
全局属性:
全局属性,顾名思义,无论块级标签或者内联标签都共用的属性,例如style属性
<img src="images.logo.png" style="width:50px"/>
该属性用于指定该标签的样式——宽度的大小
更多的全局属性大家可以查阅文档
私有属性:
私有,即并不是全部标签都可以使用的,例如上面的src属性,用于指定超文本图片的位置
HTML API
api,其实api就是一个函数方法,我们通过调用该方法,得到我们想的到的结果数据,html提供了丰富的api给我们使用,大大简化了我们的工作复杂性
获取地理位置信息api :navigator.geolocation.getCurrentPosition()
获取本地存储的api:localStorage
更多api可以查阅相关的书籍或者有什么疑问可以加我的qq3022304423