热门关键字:
jquery > jquery教程 > jquery教程 > CSS教程第一课:HTML 三分钟快速入门

CSS教程第一课:HTML 三分钟快速入门

292
作者:管理员
发布时间:2021/1/18 20:11:33
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3225
  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中新推出的标签。


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


  <title></title>?定义文档的标题


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


  大多数的纯文字内容都是用<p>标签包住的,作用就是很简单的告诉浏览器这一大段都是文字


  <b>可以将文字加粗


  <big>可以将文本变为大号文本


  <i>可以将文字倾斜


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


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


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


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


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


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


  <a href="">IT修真院</a>


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


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


  <header></header>主要用来放页面头部的内容


  <footer></footer>主要用来放页面尾部的内容


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


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


  大家发现了吗?


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


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


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


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


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


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


  4、常用的九类标签


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


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




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐