文档介绍：第8讲 HTML与PHP基础
静态网页 vs. 动态网页
中医免费资料 n
概述
为了在世界范围内发布信息,需要一种能够被普遍理解的语言,一种能为所有的计算机作为信息发布用的母语,这就是万维网使用的超文本标记语言(Hypertext Markup Language,HTML)。
HTML句法结构
HTML句法结构
Google首页的部分源代码
<html>
<head>
<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=GB2312">
<title>Google</title>
...
</head>
另外还有HTML文档主体部分的声明。
<body bgcolor=#ffffff text=#000000 link=# vlink=551a8b alink=#ff0000 onLoad=sf()>
<center>
HTML句法结构
一个HTML文档是普通的ASCII文本文件,它包含两类内容:普通的文本、代码或标记。
标记(Tag)是用一对尖括号“<>”括起来的文本串,例如第一行的<html>。标记通常具有如下结构:
<tagneme attribute1=value1 attribute2=value2…>
在标记定义中,“tagname”是标记名,定义标记的类型;而“attributes”为属性,一般标记即可以不定义属性,也可以定义若干个属性
属性给出了这个元素的附加信息。
HTML句法结构
在Google主页文档第二行的<head>标记中,head是标记名,没有相关属性。
在文档主体<body>定义中,定义了若干属性,属性值为“bgcolor=#ffffff text=#000000 link=# vlink=551a8b alink=#ff0000 onLoad=sf()”。
HTML句法结构
标记和文本结合起来形成元素(Element)。每个元素代表文档中的一个对象,比如文件头、段落或图片。一个元素可具有一个或一对标记,通常具有一些相关的属性。
元素有两种类型:容器(container)元素和单个元素(空元素)。
HTML句法结构
容器元素包含文本内容,代表一个文本段、它由文本主体(或其他元素)组成,文本主体在开头和结尾处用一对标记来确定边界(结尾的标记用标记名前加“/”来表示,并不带任何属性)。
例如,<title>和</title >标记把这两个标记之间的文本定义成一个文档标题。
而单个元素是由不影响任何文本的单个标记组成的,它会在文档中插入一些对象。例如<img src=…>标记就是一个可以在文档中插入图像的单个元素。
HTML文档结构和常用元素
这三个元素一起构成完整的HTML文档结构模板,所有的HTML文档都应该遵循这个模板:
<HTML>
<HEAD>
Header element
</HEAD>
<BODY>
body of Document
</BODY>
</HTML>