文档介绍:第9章网页制作
HTML5基础
主讲:孙洪娟
本章任务目标
HTML 概念
HTML 文档基本结构
HTML 标记
e Web的缩写,简称为Web(万维网)。
理实验室CERN (the European Laboratory for Particle Physics)开发的主从结构分布式(“客户机/服务器”模式)超文本系统。
是以超文本标记语言(HTML,HyperText Markup Language)与超文本传输协议(HTTP,Hyper Text Transfer Protocol)为基础,服务、具有一致的用户界面的信息浏览系统。
1992年1月, Web的第一个版本在瑞士日内瓦问世。。
上相互传送基于超媒体的数据信息。
)的信息系统。
:
:URL(统一资源定位符,即网址)。
:HTTP (超文本传输协议)。
:HTML(超文本标记语言)。
1. URL(统一资源定位符)
中使用URL(Uniform Resource Locators)来定位信息资源所在位置。
URL格式由三部分组成,描述了浏览器检索资源所用的协议、资源所在计算机的主机地址及资源的路径与文件名。
标准的URL如下:
表示用户要连接到名为,。
URL通过访问类型来表示访问方式或使用协议。常用的类型有:
Web pages http: // Ftp Servers ftp: // :// File file://
Web的特点和结构
静态网页是从放置到服务器以后,直到发送给浏览器不会发生更改的网页,通常用HTML语言编写其代码,。
动态网页是在发送到浏览器之前由应用程序服务器修改的网页。
HTML5基本概念
HTML 超文本标记语言(HyperText Markup Language)是制作超文本文档的标记语言,由多种标记组成,标记不区分大小写,大部分标记是成对出现的。用HTML编写的超文本文档称为HTML文档, 。它能在各种浏览器上独立运行。
HTML包括一些定义页面内容和格式的符号,称为标记。它能够将文本、图像、声音和动画结合在一个网页文档中。这些文档可以通过Web浏览器显示,还可以通过超链接以访问其它的信息资源。
后来,进一步推出了XML(扩展标记语言),该语言可以由程序员自己定义标记。
在一个HTML文档中,必须包含<html></html>标记,并且放在一个HTML文档中的开始和结束位置。即每个文档以<html>开始,以</html>结束。<html></html>之间通常包含两个部分,分别是<head></head>和<body></body>,head标记包含HTML头部信息,如文档标题、样式定义等。Body包含文档主体部分(网页内容)。需要注意的是,HTML标记不区分大小写。
HTML5文档基础结构
为了便于读者从整体把握HTML文档结构,通过一个HTML页面来介绍其整体结构,示例代码如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
</body>
</html>
HTML5文档基础结构
<html>
<head>
<title>欢迎进入HTML世界</title>
</head>
<body>
<p>体验网页的魅力!</p>
</body>
</html>
HTML 部分
文档头部分
正文部分
HTML主体标记
从上面的代码可以看出,一个基于HTML文
档由以下几个部分构成: