怎样快速学会HTML和css,CSS教程第一课: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中新推出的标签。

我们来看看我们最常用的标签都有哪些吧——

?定义文档的标题

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

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

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

可以将文字加粗

可以将文本变为大号文本

可以将文字倾斜

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

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

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

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

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

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

IT修真院

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

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

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

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

大家发现了吗?

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

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

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

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

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

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

4、常用的九类标签

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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值