文档介绍:第四章页面设计2004-08-101主要内容HTML简介一个HTML文件的简单例子HTML的相关术语HTML文件的基本结构<head>及其相关标记<body>及其相关标记<body>标记文字显示标记段落控制标记图像和超链接标记列表和格式预定标记2004-08-102静态页面设计-HTML(1)HTML是HyperTextMarkupLanguage的缩写一个HTML文件(即网页)是一个文本文件再加上一些标记符(markuptags),如Windows中的记事本,也可以使用其他页面开发工具,如Dreamweaver、FrontPage、等2004-08-103静态页面设计-HTML(2)一个简单例子<html><head><title>网页的标题</title></head><body>这是我的第一个网页<i>此处文本为斜体</i></body></html>2004-08-104HTML相关术语(1)Tag(标记符)HTMLtag(标记符)是用来标记HTMLelement(元素)的HTML标记符由符号“<”和“>”合围起来标记符一般成对出现(围堵标记)比如<i>和</i>,也有单独出现(空标记)的标记如<br>第一个出现的称为starttag(起始标记符),接着出现的称为endtag(结尾标记符)在起始和结尾标记符之间的称elementcontent(为元素内容)HTML标记符大小写不敏感<i>和<I>意义相同2004-08-105HTML相关术语(2)element(元素)此处的HTML元素开始于:<i>此元素的内容是:此处文本为斜体此元素以结束于:</i>此处标记符<i>的作用再于说明此处的元素内容以斜体显示<i>此处文本为斜体</i><body>这是我的第一个网页<i>此处文本为斜体</i></body>2004-08-106HTML相关术语(3)Tagattributes(标记的属性)标记可以具有属性,属性可以给HTML元素提供更多信息例如在<body>标记中可以有bgcolor属性,这个属性说明浏览器显示区域的颜色。若使bgcolor取值为red,则浏览器显示区域呈现红色。例如属性的写法为:属性名称=“属性值”属性写在起始标记中2004-08-107HTML基本架构(1)网页文件的开始网页文件的第一部分,用于说明文件本身信息。网页文件的第二部分,用于显示在浏览器的部分。网页文件的结束<html> <head>…</head> <body>…</body></html>2004-08-108HTML基本架构(2)整份文件处於标记<html>与</html>之间。<html>用以宣告这是html文件,让浏览器认出并正确处理此html文件。文件分两部分,由<head>至</head>称为头部,<body>至</body>称体部。基本上两者各有适用的标记。2004-08-109头部及其相关标记(1)<head>和</head>首部标记<head>和</head>位于Web页的开头,其中不包括Web页的任何实际内容,而是提供一些与Web页有关的特定信息。<title>和</title>在首部标记符中,最基本、最常用的标记符是标题标记<title>和</title>,用于定义网页的标题。当网页在浏览器中显示时,网页标题将在浏览器窗口的标题栏中显示。演示<head><title>网页标题</title></head>2004-08-1010