知识屋:更实用的电脑技术知识网站
所在位置:首页 > 科技  > 软件

若想学 HTML,应从何入手?

发表时间:2022-03-25来源:网络

学习Html,首先要了解什么是html

我们制作了一个动画短视频,通过它,来直观地感受下吧


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

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


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


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

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


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


①基础类


定义文档的标题


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

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

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



②格式类


可以将文字加粗

可以将文本变为大号文本

可以将文字倾斜



③表单类


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


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


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



④图像类


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



⑤音频视频类


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


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



⑥链接类


IT修真院

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



⑦样式类


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


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


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



⑧列表类


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



⑨表格类


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


大家发现了吗?


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


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



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

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

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

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

4、常用的九类标签


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



这里是果冻公开课,一个用趣味的动画来分享IT知识的课堂

我们将原本复杂、不易理解的编程知识,转化为一个个有趣的动画短视频,为更多人提供生动有趣的IT内容/服务

无论是大咖还是小白,都可以快速学会并深度了解每一个知识点,让IT,Q弹可口。

收藏
  • 人气文章
  • 最新文章
  • 下载排行榜
  • 热门排行榜