HTML+CSS+Javascript网站制作案例教程第2章　HTML与HTML5基础.pptVIP

HTML主要通过使用标签使页面文件显示出预期的效果，也就是在文本文件的基础上，加上一系列的网页元素展示效果，最后形成后缀名为.htm或.html的文件。当读者通过浏览器阅读HTML文件时，浏览器负责解释插入到HTML文本中的各种标签，并以此为依据显示文本的内容，把HTML语言编写的文件称为HTML文本，HTML语言即网页的描述语言。 HTML语言是英文Hyper Text Markup Language的缩写，它是一种文本类、解释执行的标记语言，是在标准一般化的标记语言（SGML）的基础上建立的。SGML仅描述了定义一套标记语言的方法，而没有定义一套实际的标记语言。而HTML就是根据SGML制定的特殊应用。 2.1.2　HTML的主要功能 　 HTML语言作为一种网页编辑语言，易学易懂，能制作出精美的网页效果，其主要功能如下：利用HTML语言格式化文本、利用HTML语言可以在页面中插入图像、HTML语言可以创建列表，把信息用一种易读的方式表现出来、利用HTML语言可以建立表格、利用HTML语言可以在页面中加入多媒体、 HTML语言可以建立超链接和利用HTML语言还可以实现交互式表单、计数器等。 2.1.3　HTML的文档结构 编写HTML文件的时候，必须遵循HTML的语法规则。一个完整的HTML文件由标题、段落、列表、表格、单词和嵌入的各种对象所组成。这些逻辑上统一的对象统称为元素，HTML使用标签来分割并描述这些元素。实际上整个HTML文件就是由元素与标签组成的。 HTML文件基本结构如下。 html !--HTML文件开始-- head !--HTML文件的头部开始-- /head !--HTML文件的头部结束-- body !--HTML文件的主体开始-- /body !--HTML文件的主体结束-- /html !--HTML文件结束-- 2.1.4　HTML的基本语法 绝大多数元素都有起始标签和结束标签，在起始标签和结束标签之间的部分是元素体，例如body…/body。第一个元素都有名称和可选择的属性，元素的名称和属性都在起始标签内标明。 2.1.5　HTML的编辑环境 网页文件即扩展名为htm或html的文件，本质上是文本类型的文件，网页中的图片、动画等资源是通过网页文件的HTML代码链接的，与网页文件分开存储。 由于HTML语言编写的文件是标准的ASCII文本文件，因此可以使用任意一种文本编辑器来打开或编辑HTML文件，例如Windows操作系统中自带的记事本或者专业的网页制作软件Dreamweaver。 2.1.6　认识Dreamweaver中的代码工具 Dreamweaver是网页制作的主流软件，其优点是有所见即所得的设计视图，能够通过鼠标拖放直接创建并编辑网页文件，自动生成相应的HTML代码。Dreamweaver的代码视图有非常完善的语法自动提示、自动完成和关键词高亮等功能。可以说，Dreamweaver是一个非常全面的网页制作工具。 自测1——制作第一个HTML页面 自测1：制作第一个HTML页面 最终文件：光盘\最终文件\第2章\2-1-6.html 视 频：光盘\视频\第2章\2-1-6.swf HTML 5实际上指的是包括HTML、CSS样式和JavaScript脚本在内的一整套技术的组合，希望通过HTML 5能够轻松的实现许多丰富的网络应用需求，而减少浏览器对插件的依赖，并且提供更多能有效增强网络应用的标准集。 2.2.1　HTML5概述 2.2.2　HTML5的优势 对于用户和网站开发者而言，HTML5的出现意义非常重大。因为HTML5解决了Web页面存在的诸多问题，HTML5的优势主要表现在以下几个方面：化繁为简、向下兼容、支持合理、实用性、用户优先。 HTML 5是近十年来Web标准最巨大的飞跃。和以前的版本不同，HTML 5并非仅仅用来表示Web内容，它的使命是将Web带入一个成熟的应用平台，在这个平台上，视频、音频、图像、动画，以及与电脑的交互都被标准化。尽管HTML 5的实现还有很长的路要走，但HTML 5正在改变Web。 2.2.3　HTML5中新增的标签 在HTML5中新增了许多新的有意义的标签，为了方便学习和记忆，对HT