文档介绍：第1章网页制作基础——HTML
2017/6/24
1
《网页设计与制作(第二版)》
HTML基本知识
HTML简介
HTML(Hyper Text Markup Language)是建立发表联机文档采用的语言,称为超文本标识语言。
所谓超文本,是指可以加入图片、声音、动画、影视等内容,可以从一个文件跳转到另一个文件,与世界各地主机的文件连接。
HTML文档也称为Web文档,它由文本、图形、声音和超链接组成。
每个HTML文档称为一个Web页面,页面是浏览器中看到的内容。
上的Web站点一般由多个页面组成,可以通过超链接在页面间切换。所有的页面均放在作为服务器的计算机上,它向任何发出请求的计算机提供指定页面。
HTML基本知识
每个页都必须包含相同的整体结构,这种结构的基本格式如下:
<html> ---------文档开始标记------------━┓
<head>--------- 头起始标记--------━┓
…文档头内容文件头
</head>-------- 头结束标记---------━┛文件
<body> --------- 主体文档起始标记----━┓
…文档正文内容文件体
</body> -------- 主体文档结束标记----━┛
</html>-------- 文档结束标记---------------━┛
<html>
<head>
<title>我做的第一个网页</title>
</head>
<body>
Hello World!
</body>
</html>
HTML基本元素
HTML用于描述功能的符号称为“标记”,如“html”,“body”,“table”等。
标记在使用时必须用方括号“< >”括起来,而且是成对出现,无斜杠的标记表示该标记的作用开始,有斜杠的标记表示该标记的作用结束。
HTML命令不区分大小写,所有HTML页都必须用特定的标记起头,这种标记表达了文档的用途和位置。
标记<html>:里面包含了整个文档。
它能通知客户端该文档是HTML文档。
头标记<head>:指定文档初始信息,如标题、脚本。任何HTML文档的页头部分都应为于Web页的主信息之前。起始标记<Head>和结束标记</head>把页头部分的内容封闭在其中。<head>和</head>标记之间包含的文字是关于文件的一些常规信息,并且不会作为文档文字本身的一部分显示出来。
<body>标记:
<body>标记: 定义主体是用户在浏览时实际看到的文档正文信息。它可大可小,但是对主体的设置必须正确无误。
在主体内部,可以存在文字、超链接、标题、图形、图像、地图、表格以及用户实际看到的任何东西。
标记可以包含标记,如表格中包含表格或标记,但是标记不能交叉嵌套。
区别下面两段代码结构
下面的HTML代码结构:
<div><span>……</span></div>
如下面这样的代码结构是错误的:
<div><span>……</div></span>
一个标记,为了明确它的功能,往往用一些属性参数来描述,对这些属性参数的规定就是语法。
标记参数的具体值都要加西文引号。
例如,要使段落内容居中,正确的写法为:
<p align="center">段落内容居中示例</p>
单标记——单标记能完整地表达意思,这类标记的语法是: <标签名称>
最常用的单标签是<br>,它表示换行。
双标记——双标记由“始标记”和“尾标记”两部分构成,必须成对使用,其中始标记告诉Web浏览器从此处开始执行该标记所表示的功能,而尾标记告诉Web浏览器在这里结束该功能。始标记前加一个斜杠(/)即成为尾标记。这类标记的语法是:
<标记>内容</标记>