3.1.1网页的构成PPT精品课件.pptxVIP

网页相关知识1.1 1.1 网页相关知识说到网页，其实大家并不陌生，我们上网时浏览新闻、查询信息、看视频等都是在浏览网页。 1.1 网页相关知识网页可以看做承载各种内容的容器，所有可视化的内容都可以通过网页展示给用户。HTML5和网页有什么关系？网页是由什么构成的？网页有哪些标准？ 在谷歌浏览器地址栏中输入淘宝网的地址，单击“Enter”键，此时谷歌浏览器中显示的页面即为淘宝网的首页。1.1.1 网页构成1.1 网页相关知识 1.1.1 网页构成1.1 网页相关知识文字图像超链接分析淘宝网首页可知，网页主要由文字、图像和超链接（超链接为单击可以跳转到 其他页面的元素）等元素构成。当然除了这些元素，网页中还可以包含音频、视频以及动画等。 为了让初学者快速了解网页的构成，接下来，我们查看一下网页的源代码。打开谷歌浏览器，单击“F12”快捷键，谷歌浏览器中便会弹出当前网页的源代码。1.1.1 网页构成1.1 网页相关知识 京东网首页的源代码是一个纯文本文件，仅包含一些特殊的符号和文本。而我们浏览网页时看到的图片、视频等，正是这些特殊的符号和文本组成的代码被浏览器渲染之后的结果。1.1.1 网页构成1.1 网页相关知识 除了首页之外，京东网还包含多个子页面。例如，单击京东网首页的导航，会跳转到其他子页面，如聚划算、抢购、京东超市等。可见网站就是多个网页的集合，网页与网页之间可以通过链接互相访问。1.1.1 网页构成1.1 网页相关知识 网页（这里代指静态网页）的扩展名为htm或html，二者在本质上并没有区别，我们一般使用html作为扩展名。更改记事本文件的后缀名可以快速创建一个网页。1.1.1 网页构成1.1 网页相关知识 网页有静态和动态之分。所谓静态网页是指用户无论何时何地访问，网页都会显示固定的信息，除非网页源代码被重新修改上传。静态网页更新不方便，但是访问速度快。而动态网页显示的内容则会随着用户操作和时间的不同而变化，这是因为动态网页可以和服务器数据库进行实时的数据交换。现在互联网上的大部分网站都是由静态网页和动态网页混合组成的，两者各有特色，用户在开发网站时可根据需求酌情采用。本书讲解的HTML5和CSS3就是一种静态网页搭建技术。1.1.1 网页构成1.1 网页相关知识静态网页和动态网页