下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:Html基础

作者:猛猛滴超人     来源: https://www.cnblogs.com/ZhaoWeiNotes/p/11406605.html点击数:750发布时间: 2020-03-01 16:03:08

标签: HTML5编程语言java

Web开发

  每种HTML标记符在使用中可带有不同的属性项,用于描述该标记符说明的内容显示不同的效果。正文标记符中提供以下属性来改变文本的颜色及页面背景。

  什么是HTML?

  HTML是用来描述网页的一种语言。

  HTML指的是超文本标记语言(HyperTextMarkupLanguage)

  HTML不是一种编程语言,而是一种标记语言(markuplanguage)

  标记语言是一套标记标签(markuptag)

  HTML使用标记标签来描述网页

  【学习重点】

  1.了解HTML相关知识和概念。

  2.熟悉HTML主体结构。

  HTML发展历程

  HTML是超文本标记语言的缩写,不同于C或java等编程语言,HTML由标签组成。通过标签可以在网页中插入文字、图片、链接、音频、视频等元素,进而描述网页。和Windows一样,随着技术的发展,HTML经历了多次版本更新。

  HTML1.0:1993年6月,HTML作为互联网工程工作小组(IETF)工作草案发布(注意,是草案,不是标准)

  HTML2.0:1995年11月作为RFC(以编号排定的文件)1866发布,在RFC2854于2000年6月发布之后被宣布已经过时;

  HTML3.2:1997年1月14日由W3C发布,为推荐标准;

  HTML4.0:1997年12月18日,W3C推荐标准;

  HTML4.01:1999年12月24日,是在HTML4.0基础上的微小改进,W3C推荐标准;

  HTML4.01发布之后,很长一段时间里都能很好满足广大网名日常需求,但是随着时间的推移,人们开始在网上听歌、玩游戏,看视频,但是HTML所支持的网页中并不能直接插入视频、音频、动画等,这个时候Adobe率先抓住商机,Flash作为浏览器插件满足了上述需求。

  这个时候W3C在干嘛呢?

  他们专注着XHTML2.0,这个我们后面会说。

  眼看着W3C要放弃HTML,在2004年,由Opera、Mozilla基金会和苹果这些浏览器厂商联合成立了WHATWG(互联网超文本应用技术工作组)继续推进HTML的标准化(这个时候的主要目标是开发新功能来取代插件),2006年,W3C表示有兴趣参与开发,2007年,W3C接纳了WHTAWG提出的webapplications1.0,并正式将新的HTML命名为“HTML5”。2008年1月22日第一份HTML5正式草案公布;2014年10月29日,W3C宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。

  这里需要插播一下,W3C即万维网联盟,创建于1994年,是Web技术领域最具权威和影响力的国际中立性技术标准机构,专门给Web技术制定标准及实施指南。至于为啥没有3.0,3.1,则是当时在制定标准时想改进的地方太多,引起很多争议,也没有合适的浏览器支持而被后续版本替代。

  so,HTML5是标准,是对HTML标准的第五次修订,而不是技术。

  我们平时说的H5就是HTML5,这里不单是标准,更是HTML、CSS3、Javascript和WebAPI等一系列技术的组合。

  刚刚我们说到了XHTML,这又是什么鬼???

  XHTML(eXtensibleHyperTextMarkupLanguage):可扩展超文本标记语言。也是一种标记语言,表现方式与HTML类似,不过语法上更严格,兼容性更好。

  XHTML1.0于2000年1月26日发布,是W3C的推荐标准,后于2002年8月1日重新发布,兼容HTML4.01,在那个时候,XHTML作为网页开发标准还是个非常不错的选择。后面的故事你们也知道了,在HTML5发布之后就发生了巨大的变化:后续版本因不及HTML5的冲击,XHTML的开发工作在2009年底停止,彻底凉凉。

  主体结构

  上面我们说,html又被称之为超文本标记语言。我们也对概念进行了简单的解释,本质上来讲就是一个普通的文本文件,但是这样的一个文本文件又不同于文本文档,在其中还可以放置图片、链接、音乐、视频、程序等内容。

  那么我们该如何创建一个html文件呢?

  首先我们需要创建一个普通的文本文件

  然后将文件后缀更改为.html。

  当我们创建好一个网页文件后,就可以通过鼠标右键点击创建好的网页文件,选择合适的编辑器进行开发。但是一定要注意,这里非常不推荐使用记事本来进行开发。

  下面我们来说一下html网页文件的主体结构:

  <!DOCTYPEhtml>//表示文档声明,告诉浏览器,当前html网页文档是html5的文档格式。

  <htmllang="en">//这里的lang="en"可以删除,如果不删除的,用谷歌之类打开,它会认为是英文的,会自动给翻译(如果设置了自动翻译的话)

  <head>//这个就是头部的那个标签了

  <metacharset="UTF-8">//这个是设置的编码为UTF-8的

  <title>Document</title>//设置网页标题

  </head>

  <body>

  网页内容

  </body>

  </html>

  标准的HTML文件都具有一个基本的整体结构,即HTML文件的开头与结尾标志和HTML的头部与实体2大部分。有3个双标记符用于页面整体结构的确认。

赞(14)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程