美文网首页
果冻公开课第一课:什么是HTML

果冻公开课第一课:什么是HTML

作者: 果冻公开课 | 来源:发表于2018-08-30 18:28 被阅读62次

    果冻公开课:什么是HTML_腾讯视频

    文字解析:

    45年前,北京时间10月29日上午10点,计算机向世界发出了它的第一句话“LOL”,标志着互联网时代的诞生。

    而今天的我们,在享受着互联网便利的同时,是否产生过这样的思考:

    互联网中我们最直接接触的网页,又是如何诞生的呢?

    这个问题,可以追溯到更近的时间,25年前,HTML这门语言第一次诞生的时候。这是因为,网页的基本构成可以简单概括为由HTML、CSS和JS三部分构成。当然,这三部分的出现时间也是有着先后关系的,从仅仅只有HTML,慢慢发展到有了CSS,最后到出现了JS。而我们今天也将简单向大家介绍一下HTML、CSS和JS这三种网页支柱语言。

    HTML诞生于1993年,经过六年时间,从HTML1.0发展到了HTML4.0这个版本。之后,HTML经过了一个较为争议的过程,出现了一个分支,XHTML和HTML5。

    由于XHTML的不兼容性,造成众多浏览器厂家和开发者的反对:W3C关闭了XHTML项目,合并了HTML5,历经八年正式诞生了HTML 5这个版本——要知道哪吒也只是怀了3年而已。

    HTML这门语言,主要是通过一个个被尖括号<>包裹的标签对内容进行标记,来告诉浏览器如何显示其中的内容。

    例如文字如何处理,画面如何安排,图片如何显示等。其中作为结束的标签在<>中有一个反斜杠/

    HTML中的标签按照类别主要分为12大类,共119种,其中有30个是HTML 5中新推出的标签。

    ①基础类

     定义文档的标题

    我们平时看到的浏览器上面这个网页标题就是用这个标签实现的。

    大多数的纯文字内容都是用

    标签包住的,作用就是很简单的告诉浏览器这一大段都是文字

    ②格式类

    可以将文字加粗

    可以将文本变为大号文本

    可以将文字倾斜

    ③表单类

    是我们常用的输入控件,通常在网页中我们可以进行输入的地方都是用它进行标注的

    我们常见的下拉列表就是用它标注的,可以将所有选项折叠收缩,很方便对吧

    就是我们可以点击的各种按钮,不管是登录还是取消,都是这个标签

    ④图像类

    <img>用来定义图像,大多数我们看到的图片都是用这个标签定义的

    ⑤音频视频类

    用来定义我们的音频内容,如果在网页上看到这个音频播放的东西,准是这个标签的功劳

    用来定义视频,网页中你想放视频的话,可以用这个标签

    ⑥链接类

    IT修真院

    我们经常看到的这个蓝色有下划线的文字就是的作用,点击它我们可以去到新的页面

    ⑦样式类

    是用来标记一块区域,用来告诉浏览器,这一块是一个整体

    主要用来放页面头部的内容

    主要用来放页面尾部的内容

    ⑧列表类

    列表标签,我们能看到的这种列表都是用它来实现

    ⑨表格类

    我们看到的这种表格就是用这个来实现的

    大家发现了吗?

    HTML的标签基本都是它标注内容的英文单词或者是缩写,十分的语义化

    基本上这个标签是干嘛的,只要看这个标签是什么意思你就知道的八九不离十了,是不是很简单~

    本节课的内容就是这些啦,我们来复习一下:

    1、网页由HTML、CSS、JS三部分构成

    2、历经8年,从HTML1.0发展到现行的HTML5

    3、HTML语言作为标记语言用标签来告诉浏览器如何显示内容

    4、常用的九类标签

    是不是觉得HTML一下变得简单明了起来了呢,下节课,我们将向大家分享CSS的相关内容,敬请期待~

    更多内容,欢迎加大师姐微信,入群了解课程动态、幕后花絮,还有机会参与到课程制作,成为联合制作人哟

    微信号:it_xzy

    记得备注来自果冻课堂

    相关文章

      网友评论

          本文标题:果冻公开课第一课:什么是HTML

          本文链接:https://www.haomeiwen.com/subject/lnmdwftx.html