网页设计与制作教程——Web前端开发 第7版 课件 第1章 HTML5概述.pptx

HTML（HyperTextMarkupLanguage，超文本标记语言）是制作网页的基础语言，是初学者必学的内容。第1章HTML5概述1.1Web的基本概念《网页设计与制作教程：Web前端开发（第7版）》刘瑞新主编配套资源

目录第1章HTML5概述1.1Web的基本概念1.2HTML5的基本结构和语法规则1.3编辑HTML文件1.4实训——制作社区网版权信息习题1

1.1Web的基本概念1.1.1WWWWWW是WorldWideWeb的缩写，又称3W或Web，中文译名为“万维网”。WWW是Internet的最核心部分，它是Internet上支持WWW服务和HTTP协议的服务器集合。WWW在使用上分为Web客户端和Web服务器。用户可以使用Web客户端（浏览器）访问Web服务器上的页面。

1.1Web的基本概念1.1.2网页浏览器网页浏览器（WebBrowser）是在客户端浏览Web服务端的应用程序，其主要作用是显示网页和解释脚本。

1.1Web的基本概念1.1.3Web服务器Web服务器也称为WWW（WorldWideWeb）服务器，一般指网站服务器。Web服务器的主要功能是提供网上信息浏览服务。Web服务器可以解析HTTP，当Web服务器接收到一个HTTP请求时，会返回一个HTTP响应，这样浏览器等Web客户端就可以从服务器上获取网页（HTML），包括CSS、JS、音频、视频等资源。

1.1.4网站网站（Website）是指在因特网上根据一定的规则，使用HTML等工具制作的用于展示特定内容相关网页的集合，存放在Web服务器上。简单地说，网站是一种沟通工具，人们可以通过网站来发布自己想要公开的信息，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的信息或者享受网络服务。1.1Web的基本概念

1.1.5网页网页（WebPage）是一个包含HTML标签的纯文本文件（文件扩展名为.html或.htm）。网页是网站中的一“页”，网页是构成网站的基本元素。换句话说，网站就是由网页组成的。网页要通过网页浏览器来阅读。本书就是介绍网页制作的教材。1.1Web的基本概念

1.1.6URLURL（UniformResourceLocator，统一资源定位符）就是Web地址，俗称“网址”。URL的一般格式如下：协议：//主机地址（IP地址）/文件夹/…/文件名/参数URL的参数通常放在URL后面，用“?”开头，用“”将多个参数连接起来。例如：/s?wd=%E5%A5%B4rsv_spt=1rsv_iqid=01.1Web的基本概念

1.1.7标记语言标记语言是一种将文本（Text）以及与文本相关的其他信息结合起来，展现出关于文档结构和数据处理细节的计算机文字编码。标记语言的种类有很多，常见的有XML、HTML、XHTML等。1.1Web的基本概念

1.1.8网页标准Web应用开发需要遵循的标准就是网页标准（WebStandard），网页标准不是某一种标准，而是一系列标准的集合。网页标准主要分为3类：结构（Structure）标准--HTML表现（Presentation）标准--CSS行为（Behavior）标准--JavaScript1.1Web的基本概念

祝贺你有了良好的开端.《网页设计与制作教程Web前端开发第7版》刘瑞新主编配套资源网页设计与制作教程：Web前端开发/刘瑞新主编．—7版.—北京：机械工业出版社，2024.9ISBN978-7-111-75397-1

感谢您选用

本节介绍的基本结构，包括HTML的语法结构、文档结构、标签的格式以及代码的编写规范等。第1章HTML5概述1.2HTML5的基本结构和语法规则

目录第1章HTML5概述1.1Web的基本概念1.2HTML5的基本结构和语法规则1.3编辑HTML文件1.4实训——制作社区网版权信息习题1

1.2.1HTML5文档的基本结构HTML5文档的基本结构如下。!DOCTYPEhtmlhtmllang=zh-CNheadmetacharset=UTF-8title文档标题/title/headbody文档正文部分/body/html1.2HTML5的基本结构和语法规则

1．!DOCTYPEhtml标签!DOCTYPE标签位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML标准规范。文档类型声明的语法格式如下：!DOCTYPEhtml这行代码称为DOCTYPE（document