网页开发HTML5入门内容,一起来学习吧

什么是HTML5?

HTML5将成为HTML、XHTML以及HTMLDOM的新标准。HTML5仍处于完善之中。然而,大部分现代浏览器已经具备了某些HTML5支持。那什么又是HTML呢?HTML是用来描述网页的一种语言。HTML的上一个版本诞生于年。自从那以后,Web世界已经经历了巨变。HTML指的是超文本标记语言:HyperTextMarkupLanguage。HTML不是一种编程语言,而是一种标记语言。而标记语言是一套标记标签(markuptag)。HTML使用标记标签来描述网页,HTML文档包含了HTML标签及文本内容,因此HTML文档也叫做web页面。

HTML5是如何创建的?

HTML5是W3C与WHATWG合作的结果。W3C指的是WorldWideWebConsortium,也就是万维网联盟。而WHATWG指WebHypertextApplicationTechnologyWorkingGroup。WHATWG致力于web表单和应用程序,而W3C专注于XHTML2.0。在年的时候,双方决定进行合作,来创建一个新版本的HTML。

为HTML5建立的一些新规则

新特性基于HTML、CSS、DOM以及JavaScript;减少对外部插件的需求(比如Flash);更优秀的错误处理;更多取代脚本的标记;HTML5应该独立于设备;开发进程应对公众透明。

为HTML5建立的一些新特性

用于绘画的canvas元素;用于媒介回放的video和audio元素;对本地离线存储得更好地支持;新的特殊内容元素,比如article、footer、header、nav、section新的表单控件,比如calendar、date、time、email、url、search。

HTML编辑器

专业的HTML编辑器来编辑HTML:AdobeDreamweaver、MicrosoftExpressionWeb、CoffeeCupHTMLEditor、SublimeText。不过,我们同时推荐使用文本编辑器来学习HTML,比如Notepad(PC)或TextEdit(Mac)。我们相信,使用一款简单的文本编辑器是学习HTML的好方法,高手们都是用记事本写的~~~~

而本人使用的是AdobeDreamweaver(下文中提到简称DW),大家可以自己尝试各种编辑器,在选择自己喜欢的。本教程是实用性类,不会长篇大论阐述理论,会留一些问题供大家去理解,不了解的话百度谷歌。

还需要的软件就是浏览器的准备,大家肯定知道什么是浏览器啦,现在谷歌,微软新版浏览器以及等众多浏览器都是支持查看网页源代码的。鼠标右键选择查看源代码即可。

学习资料推荐:

在本文中,需要理解的点,在下面讲解中可能会混着讲,所以大家要看完教程之后自己去总结。

HTML文档是什么样如何新建一个HTML文档怎么打开HTML文档首先打开DW,新建一个HTML文件,就是后缀是html结尾的文件。

用DW这样的HTML专业软件有个好处就是新建的文件已经自动写好的一个HTML文件的基本结构。文档标题在页面中间上部的标题处可以修改,也可以保存后自己再修改。

保存名字为教程1,可以看到文件是这样的。

之后,我们尝试用记事本打开这个文件。

用记事本打开的样子。跟DW打开是一样。

在body部分输入文字,内容随意,然后保存。

再用浏览器打开,我这边用的谷歌浏览器。打开之后可以看到如下图所示。相信大家对HTML文件已经有了一点点概念了。

再回到DW打开,可以看到,文件下边是代码,上边是结果。如果只看到代码,这是因为在页面左上角传视图的方式选择。选择拆分即可。

在DW中新建一个文件之后,你其实就已经看到一个HTML的基本结构了,这是我们刚才新建的教程1

红色的矩形框内部的内容,我们称为!DOCTYPE声明

!DOCTYPE声明有助于浏览器中正确显示网页。网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。

doctype声明是不区分大小写的,以下方式均可:

!DOCTYPEhtml

!DOCTYPEHTML

!doctypehtml

!DoctypeHtml

通用声明

HTML5

!DOCTYPEhtml

HTML4.01

!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.01Transitional//EN




转载请注明:http://www.aierlanlan.com/rzdk/1414.html

  • 上一篇文章:
  •   
  • 下一篇文章: