您当前的位置:首页 > 电脑百科 > 程序开发 > 语言 > HTML

Web前端开发基础,带你认识HTML

时间:2019-10-25 16:09:04  来源:  作者:

什么是html

大家知道平时上网浏览的页面是怎么做出来的吗?就是通过今天要给大家介绍的语言HTML来完成的。什么是HTML?超文本标记语言(HyperText Markup Language,简称为HTML)

  • HyperText: 是指具有交互功能的文本,如:超链接,可以从当前页面跳到另外一个页面。超文本在现在的互联网不仅仅指的的文本文件,还可以是视频,音乐,图片等
  • Markup Language:通过特殊的符号表示特定的内容,如标题、段落、图片、表格、超链接等。

HTML是一种编程语言,编程语言都需要写到文件中,如何创建文件?可以创建一个文本文件,并命名为:home.html,其中home是文件名,文件扩展名为.html告知浏览器这个文件包含HTML,这样浏览器才能正确的解释HTML并显示出来。

Web前端开发基础,带你认识HTML,一起加入这个欢乐的世界

什么是HTML

HTML的发展历程

HTML最初于1989年由GERN的Tim Berners-Lee发明,至今已经有30多年的历史了,在这30年的过程中,HTML经历了几次重大的版本更新:

Web前端开发基础,带你认识HTML,一起加入这个欢乐的世界

HTML发展历程

HTML在刚刚诞生的时候只有几个最基础的标签,做好的页面也不好看,但是已经支持了超文本。

在1995年自HTML3诞生开始,漫长残酷的浏览器战争也随之而来,Netscape和Microsoft两个浏览器厂商都在试图争霸世界,这场战争的受害者是web开发人员,每个浏览器公司都在不断的增加自己的专用扩展包来试图保证领先,所以web开发人员通常必须要写两个单独的页面来适应两大厂商。

1997年基于HTML4的标准诞生,浏览器大战结束了,来解救我们的是万维网联盟W3C,它的计划是创建一个唯一的web标准,让世界恢复平静,W3C计划把HTML的结构和表现分离成两种语言:一种语言用于实现结构(HTML),一种语言用于表现(css),并且要求所有的浏览器厂商都采用这个标准。

1999年HTML4.01闪亮登场,成为接下来十年当中HTML的必备版本,因为几乎所有的浏览器都采用了这个标准,让我们web开发人员的日子也好过了一些,但是除了IE浏览器,所以开发人员针对IE浏览器总是要做一些额外的工作。

2000年一个新兴的事物引起了我们的注意就是XML,它让HTML开始心烦意乱,他们两个终于不情愿的结合在了一起,就有了后来的XHTML,XHTML1.0就此诞生了。XHTML的标准更严格,所有的标签必须由开始标签和结束标签组成。所以大部分开发人员很讨厌XHTML对于HTML的灵活性更拥护,导致XHTML发展到2.0版本的时候甚至惨遭淘汰,所以这场婚姻的结局并不好。

到了2009年,XHTML很快被HTML5取代,因为HTML5延用了HTML4.01的大部分特性,还提供了很多适合web新发展的新特性,而这正是开发人员一直想要的,并且完全支持XHTML风格的代码,所以HTML5成为大家公认的标准,并于2014年HTML5正式发布,曾经对标准不屑一顾的IE浏览器,自IE9浏览器开始也加入了全面支持HTML5的阵营。

现在很清楚了,HTML5对我们来说意味着什么?跟着我一起加入这个欢乐的世界,关注我,后面会继续给大家介绍Web前端开发所需掌握的技能。



Tags:HTML   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是一个开源的 HTML5 视频播放器插件——MuiP...【详细内容】
2021-12-16  Tags: HTML  点击:(23)  评论:(0)  加入收藏
此文由掘金@天行天忌授权发布,前端晚间课对其内容进行微改。 HTML,超文本标记语言,是一种用于创建网页的标准标记语言。自从引入 HTML 以来,它就一直用于构建互联网。与 JavaScr...【详细内容】
2021-11-23  Tags: HTML  点击:(327)  评论:(0)  加入收藏
HTML是什么?超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用。HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。“...【详细内容】
2021-11-05  Tags: HTML  点击:(40)  评论:(0)  加入收藏
一、iframe标签 自己编写的页面中如果要引用外部的页面的话,可以使用iframe标签来实现。为了更好地理解举个例子,前面几篇中我们都是在index.hmtl中编写代码。如果有个需求是...【详细内容】
2021-11-03  Tags: HTML  点击:(29)  评论:(0)  加入收藏
Web项目开发中视频播放是一个非常常见的需求,需要播放器能够支持pc端和移动端的使用,并且支持常见的视频格式。我们从github上精选了5款优秀的Html5 播放器插件分享给大家。(排...【详细内容】
2021-09-17  Tags: HTML  点击:(101)  评论:(0)  加入收藏
前言在刚接触HTML的时候,你是否被它众多的标签所惊讶?尤其是HTNL5的标签,新增了不少,很多HTML4的标签跨版本之后就用不了了,如此多的标签,要记是不可能记完的,我们只需要一些常用的...【详细内容】
2021-08-27  Tags: HTML  点击:(343)  评论:(0)  加入收藏
我们倾向于使用HTML与CSS、JavaScript等,使我们的网站或博客看起来更有吸引力,但你知道仅HTML就有很多实用的秘密,可能会派上用场,帮助你设计一个华丽的网站?下面是一些很酷的HTM...【详细内容】
2021-08-13  Tags: HTML  点击:(90)  评论:(0)  加入收藏
meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name)。 1、声明文档使用的字符编码<meta charset=&#39;utf-8&#39;>以下设置更为详细:<meta http-equiv="Content-...【详细内容】
2021-08-12  Tags: HTML  点击:(91)  评论:(0)  加入收藏
本节我们讲HTML表单标签,当你在网页输入框提交一个数据,这条数据一般是提交给了服务器,然后服务器根据请求返回你想要的数据,这个你输入信息的输入框或者提交的按钮就是HTML表...【详细内容】
2021-06-25  Tags: HTML  点击:(141)  评论:(0)  加入收藏
同事跟我说他用jQuery取不到页面上隐藏元素input的值,他的html页面大概内容如下。<!DOCTYPE html><html lang="zh"> <head> <meta http-equiv="Content-Type" content="text/...【详细内容】
2021-05-18  Tags: HTML  点击:(220)  评论:(0)  加入收藏
▌简易百科推荐
此文由掘金@天行天忌授权发布,前端晚间课对其内容进行微改。 HTML,超文本标记语言,是一种用于创建网页的标准标记语言。自从引入 HTML 以来,它就一直用于构建互联网。与 JavaScr...【详细内容】
2021-11-23  前端晚间课    Tags:HTML6   点击:(327)  评论:(0)  加入收藏
HTML是什么?超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用。HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。“...【详细内容】
2021-11-05  人生三部曲丶    Tags:HTML   点击:(40)  评论:(0)  加入收藏
一、iframe标签 自己编写的页面中如果要引用外部的页面的话,可以使用iframe标签来实现。为了更好地理解举个例子,前面几篇中我们都是在index.hmtl中编写代码。如果有个需求是...【详细内容】
2021-11-03  HillelDu    Tags:html   点击:(29)  评论:(0)  加入收藏
我们倾向于使用HTML与CSS、JavaScript等,使我们的网站或博客看起来更有吸引力,但你知道仅HTML就有很多实用的秘密,可能会派上用场,帮助你设计一个华丽的网站?下面是一些很酷的HTM...【详细内容】
2021-08-13  杭州程序员小张    Tags:HTML   点击:(90)  评论:(0)  加入收藏
meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name)。 1、声明文档使用的字符编码<meta charset=&#39;utf-8&#39;>以下设置更为详细:<meta http-equiv="Content-...【详细内容】
2021-08-12  简易编程    Tags:meta标签   点击:(91)  评论:(0)  加入收藏
本节我们讲HTML表单标签,当你在网页输入框提交一个数据,这条数据一般是提交给了服务器,然后服务器根据请求返回你想要的数据,这个你输入信息的输入框或者提交的按钮就是HTML表...【详细内容】
2021-06-25  科技现象    Tags:HTML   点击:(141)  评论:(0)  加入收藏
背景日常工作中,项目编程免不了需要使用配置文件,早期yaml出现之前,大部分配置文件采用xml形式,但是以xml格式储存的数据要比以其他格式(如json、yaml)储存占有的空间要大得多,因为...【详细内容】
2021-06-21  爱读书的程序员    Tags:yaml   点击:(265)  评论:(0)  加入收藏
XML; 是什么? Extensible Markup Languare 可扩展标记型语言 为什么要有XML? 1.HTML的标签是固定的,不可以改变,也不可以进行一个&middot;&middot;&middot;扩展 2.HTML语法松散...【详细内容】
2021-06-01  LeviT    Tags:XML   点击:(193)  评论:(0)  加入收藏
同事跟我说他用jQuery取不到页面上隐藏元素input的值,他的html页面大概内容如下。<!DOCTYPE html><html lang="zh"> <head> <meta http-equiv="Content-Type" content="text/...【详细内容】
2021-05-18  IT洞察者    Tags:Html   点击:(220)  评论:(0)  加入收藏
HTML5语义化与新特性什么是HTML语义化?表示选择合适的标签(语义化标签)便于开发者阅读和写出更优雅的代码为什么要使用语义化标签?1). 在没有CSS样式的情况下,页面整体也会呈现...【详细内容】
2021-03-02      Tags:HTML   点击:(236)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条