chap02.静态网页编程.pdfVIP

计算机科学与软件学院 • HTML句法结构 • HTML文档结构和常用元素 • HTML标准单位 • HTML基本元素的使用 • HTML的其他元素 • 为了在世界范围内发布信息，需要一种能够被普 遍理解的语言，目前最广泛使用的就是万维网 (Web)使用的超文本标记语言（Hypertext Markup Language ，HTML)。 • 一个HTML文档是普通的ASCII文本文件，它包含 两类内容：普通的文本、代码或标签。标签(Tag) 是用一对尖括号“”括起来的文本串，标签通常 具有如下结构： tagname attribute1=value1 attribute2=value2… • 在标签定义中，“tagname”是标签名，定义标签 的类型；而“attributes”为属性，一般标签即可以 丌定义属性，也可以定义若干个属性，属性给出 了这个元素的附加信息。 • 所谓元素（Element ），是HTML中的主要构件。 • 元素有两种类型：容器（container ）元素和单个元素（空 元素）。 • 容器元素包含文本内容，代表一个文本段、它由 文本主体（或其他元素）组成，文本主体在开头 和结尾处用一对标签来确定边界（结尾的标签用 标签名前加“/”来表示）。 • 例如，title和/title 标签把这两个标签之间的 文本定义成一个文档标题。 • 单个出现的标签，即没有结束标签的称为“空标签”，在 XHTML 中，把结束标签放在开始标签中，也就是br /。 例如：br 可插入一个简单的换行符。 • 还例如img src=…标签就是一个可以在文档中插入图像 的单个元素。 • 需要注意的是，br 标签只是简单地开始新的一行，而当浏 览器遇到p 标签时，通常会在相邻的段落之间插入一些垂 直的间距。 • 在元素的起始标签中可以填入相关的元素属性 • 比如在HTML主页文件的第二行head标签中，head是标 签名，没有相关属性。 • 在文档主体body标签的定义中，定义了若干属性，属性 值为“bgcolor=#ffffff text=#000000 link=#0000cc vlink=551a8b alink=#ff0000 ”。 • 虽然标签和属性名称不字母大小写无关，但是属 性值却往往对大小写敏感。 • 例如，可以在超链接中定义相关的文件名，尽管 在Windows系统中，href=a1和href=A1可以指向同 一文件，但在UNIX系统中，却是指向丌同的文件。 • 因此，在网页设计中须统一命名方案 • HTML句法结构 • HTML文档结构和常用元素 • HTML标准单位 • HTML基本元素的使用 • HTML的其他元素 • 这三个元素一起构成完整的HTML文档结构模板，所 有的HTML文档都应该遵循这个模板： HTML HEAD Header element /HEAD BODY Body of Document /BODY /HTML • HEAD容器元素中包含的最为常用的元素有： – Titletext/Title ：这个元素是文档的标题，类似书籍 的页眉。在浏览器中，标题通常与文本页分开显示 （例如，在窗口的标题栏中）。 – 标题（Title ）在用户保存网页时一般都作为文件名， 所以命名应该注意。 • BODY容器元素中包含以下几个常用元素： – A HREF=URLtext/A ：超文本标记，也称为超链接。文本用 某种特殊方式来显示（用颜色、下划线或其它类似方法）； – H#text/H# ：此标签把括起来的文本作为标题。从标签H1、 H2直到H6，可以有六个层次的标题。 • IMG src=URL alt=text align=TOP/MIDDLE/BOTTOM • 图像标记把图像插入到文档中，图像可以在SRC 属性中给出的URL处找到。 • 最常见的图像格式是JPG ，GIF ，PNG ，BMP。 • 可选的align属性指出文本的当前行不图像在垂直 方向上怎样对齐 • HTML句法