网站建设与网站管理 作者 王祖卫 韩红哲 等 第6章 网页制作.pptVIP

第6章 网页制作 知识点：? ? HTML语言的基本结构 ? HTML语言的基本标签 ? HTML文本的超文本链接 ? HTML语言的列表 ? HTML语言的图像 ? 制作表格、框架和表单 难点：? ? 表格的定制 ? 框架的使用 ? 表单的制作 要求：? 熟练掌握以下知识： ? HTMNL文本的基本结构 ? HTML文本的头标签及常用属性、文档体标签及常用属性 ? HTML文本的文档体标签及常用属性 ? HTML语言的超文本链接标签及其常用属性 ? HTML语言的列表标签及其常用属性 ? HTML语言的图像标签及其常用属性 了解以下知识： ? 表格的制作 ? 框架的制作 ? 表单的制作 6.1.1 HTML的基本结构 1. HTML（HyperText Marked Language）是WWW网页的编 程语言。? 2．HTML基本结构是由标签来标识的，每个标签表示对文 挡的一种处理。 3．HTML文档可以分成头、体两部分。 头是用head和/head括起来的部分。 体是用body和/body括起来的部分。 用标签html/html作为HTML文档的整体标识。 【例】HTML文件基本结构示例。 html head titlehtml的基本结构/title /head body h1第一个标题/h1 p这是一个html文件范例，应当注意的是title/title间的文字不会显示在主文本区，而由h1/h1定义的标题会显示在主文本区。 HTML文件基本结构示图 title/title所描述的“html的基本结构”文字将显示 在视窗的顶部。 p这是另一个段落。在段落內或主文本区的文字可以 象普通的文本编辑那样采用斜体或黑体等修饰。如IThis sentence of the paragraph is in italics./I /body /html 6.1.2 HTML语言的基本标签 1．头标签 ⑴ 标题 语法格式：title … /title ⑵ 文档基础URL 语法格式：base 常用属性： Href属性：如base href=/fea/1.htm target属性，属性值有：_blank _self _parent _top ⑶ 元数据 语法格式：meta 常用属性：name content http-equiv charset 【例】 meta http-equiv=Content-Type content=text/html; charset=gb2312 meta name=GENERATOR content=Microsoft FrontPage 4.0 meta name=ProgId content=FrontPage.Editor.Document ⑷ 样式表 语法格式为：style … /style 常用属性：type media。 例如： style type=text/cssa:link { text-decoration: none } a:visited { text-decoration: none } /style 2．文档体标签 ⑴ 用标签对body/body来定义文档体。 在body标签中，可以定义整个文件的背景色、前景色 等的基本属性。 语法格式 BODY [BGCOLOR |TEXT |LINK |ALINK |VLINK |BACKGROUND] ┈┈ /BODY 其中各标签属性的含义分别是： BGCOLOR：HTML的背景色 TEXT：HTML文件中的默认文字颜色 LINK：HTML文件中可链接对象的文字颜色 ALINK：HTML文件中连接中超连接对象的颜色，即正被点 击的可链接文字的颜色 VLINK：HTML文件中已经链接过的超链接对象的颜色 BAKGROUND： HTML的背景图象 例如： BODY BGCOLOR=FFFFFF TEXT=#000000 LINK=0000FF BACKGROUND=BACK.GIF ┈┈ /BODY 各颜色属性的参数值可以是：“RED”、“BLUE”、“YELLOW”、 “BLACK”等，也可以用16进制的红、绿、蓝（RGB）值来 表示。 16进制的数码有16个：0123456789abcdef，字母不区分 大小写。表示方法用“#”开头，后面跟6位的16进制数值。 即#rrggbb。其中rr代表红色的值，gg代表绿色的值，bb 代表蓝色的值。如红色可以表示为“ff0000”，蓝色可以 表示为0000ff等。 ⑵ 段落 语法格式为：p…/p标签p中可以用属性align定义 该段落在文档中的对齐方式，其属性值有left