HTML5 CSS3网站设计基础教程（第3版）课件 第1章 HTML5入门.pptx

第1章HTML5入门;学习目标/Target;学习目标/Target;章节概述/Summary;目录/Contents;网页相关知识;1.1网页相关知识;1.1网页相关知识;本节将从网页构成、网页相关名词、Web标准、浏览器四个方面详细讲解网页的相关知识。;了解网页构成，能够知道网页是有哪些元素构成。;1.1.1网页构成

在谷歌浏览器地址栏中输入淘宝网的地址，单击“Enter”键，此时谷歌浏览器中显示的页面即为淘宝网的首页。;1.1.1网页构成

分析淘宝网首页可知，网页主要由文字、图像和超链接（超链接为单击可以跳转到其他页面的元素）等元素构成。当然除了这些元素，网页中还可以包含音频、视频以及动画等。;1.1.1网页构成

为了让初学者快速了解网页的构成，接下来，我们查看一下网页的源代码。打开谷歌浏览器，单击“F12”快捷键，谷歌浏览器中便会弹出当前网页的源代码。;1.1.1网页构成

淘宝网首页的源代码是一个纯文本文件，仅包含一些特殊的符号和文本。而我们浏览网页时看到的图片、视频等，正是这些特殊的符号和文本组成的代码被浏览器渲染之后的结果。;1.1网页相关知识;1.1.1网页构成

网页（这里代指静态网页）的扩展名为htm或html，二者在本质上并没有区别，我们一般使用html作为扩展名。更改记事本文件的后缀名可以快速创建一个网页。;网页有静态和动态之分。所谓静态网页是指用户无论何时何地访问，网页都会显示固定的信息，除非网页源代码被重新修改上传。静态网页更新不方便，但是访问速度快。而动态网页显示的内容则会随着用户操作和时间的不同而变化，这是因为动态网页可以和服务器数据库进行实时的数据交换。

现在互联网上的大部分网站都是由静态网页和动态网页混合组成的，两者各有特色，用户在开发网站时可根据需求酌情采用。本书讲解的HTML5和CSS3就是一种静态网页搭建技术。;了解网页相关名词，能够说明Internet、WWW、HTTP等网页名词的含义。;1.1.2网页相关名词

对于从事网页制作工作的人员来说，有必要了解一些与网页相关的名词，例如常见的internet、WWW、HTTP等，具体介绍如下。;1.1.2网页相关名词;1.1.2网页相关名词;1.1.2网页相关名词;1.1网页相关知??;1.1.2网页相关名词

Internet;1.1.2网页相关名词

Internet;1.1.2网页相关名词

Internet;熟悉Web标准，能够归纳Web标准的构成。;1.1.3Web标准;1.1.3Web标准;1.1.3Web标准

Web标准并不是某一个标准，而是一系列标准的集合，主要包括结构、表现和行为三个方面。;1.1.3Web标准

结构用于对网页中用到的信息进行分类与整理。在结构中用到的技术主要包括HTML、XML和XHTML。;1.1.3Web标准;1.1网页相关知识;1.1.3Web标准

行为是指网页模型的定义及交互效果的实现，包括ECMAscript、BOM、DOM三个部分。;1.1.3Web标准

行为是指网页模型的定义及交互效果的实现，包括ECMAscript、BOM、DOM三个部分。;1.1.3Web标准

行为是指网页模型的定义及交互效果的实现，包括ECMAscript、BOM、DOM三个部分。;1.1.3Web标准;了解浏览器，能够说出各主流浏览器的特点。;1.1.4浏览器

浏览器是网页展示的平台，只有经过浏览器渲染，用户才能看到图文并茂的网页。在浏览器的发展历史中，主流浏览器有很多。;1.1网页相关知识;1.1网页相关知识;1.1网页相关知识;1.1网页相关知识;1.1网页相关知识;1.1网页相关知识;1.1网页相关知识;1.1网页相关知识;1.1网页相关知识;1.1.4浏览器

浏览器内核是浏览器最核心的部分，主要负责渲染网页，不同的浏览器内核对网页代码的解释也不同，因此同一网页在不同内核的浏览器中渲染（显示）效果也可能不同。目前常见的浏览器内核有Trident、Gecko、Webkit、Presto、Blink五种。;1.1.4浏览器;1.1.4浏览器;1.1.4浏览器;浏览器私有前缀是区分不同内核浏览器的标示。由于W3C组织每提出一个新属性，都需要经过一个耗时且复杂的标准制定流程。在标准还未确定时，部分浏览器已经根据最初草案实现了新属性的功能，为了与之后确定的标准进行兼容，各浏览器使用了自己的私有前缀与标准进行区分，当标准确立后，各大浏览器再逐步支持不带前缀的CSS3新属性。;浏览器私有前缀;浏览器私有前缀;HTML5概述;1.2HTML5概述;了解HTML的演变历程，能够说出HTML5的演变历史。;1.2.1HTML的演变