通往全栈之路——HTML

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,323评论 19 139
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,645评论 1 41
  • 最近这几周都深深地陷入到了回忆模式,缘起深圳中学的老教学楼要拆了,回去看了最后一眼,期间遇到不少多年未见的老同学,...
    084083a254c0阅读 955评论 0 1
  • 今天我获得了一位朋友的支持你知道她是谁吗? 这个人就是我的好朋友王梦艳。在这里,我多谢他的支持。希望他和我是永...
    自觉女神阅读 3,369评论 1 0
  • 一路向北里, 岁月堂而皇之的, 将两个季节揣在衣袖里, 左手是夏, 右手是秋, 肆意的把玩着。 来不及仰望她的不动...
    金胡杨阅读 1,384评论 0 0