网页设计第2章概要1.ppt

第 2 章 ;本章知识技能要点：;2.1 HTML基础;;;编辑HTML超文本文件时需要用到的一些标签。 在HTML中每个用来作标签的符号都是一条命令，它告诉浏览器如何显示文本。 这些标签均由“”和“”符号以及一个字符串组成。而浏览器的功能是对这些标签进行解释，显示出文字、图像、动画、播放声音。这些标签符号用“标签名字 属性”来表示。;;2.1.2 超文本中的标签;;2.1.4 HTML的基本结构;HTML 　　　head 　　　　　　头 部 信 息 　　　/head 　　　body 　　　　　文 档 主 体， 正 文 部 分 　　　/body /HTML 　　 其中HTML在最外层， 表示这对标签间的内容是HTML文 档。我们还会看到一些hompage省略HTML标签，因为.HTML 或.htm 文件被web浏览器默认为是HTML文档。head 之间包括文档的头部信息，如文档总标题等，若不需头部信息则可省略此标签。body标签一般不省略，表示正文内容的开始。 ;例2-1：以下是一个最基本的超文本文档的源代码 HTML 文件头 head title我的第一个网页/title /head body center h3学习HTML网页制作/h3 br 文件体 hr font size=2 HTML英语是：Hypertext Marked Language，即超文本标签语言。 /font /center /body /HTML;2.2 页面的整体编排;2.2.2 页面的标题标签title/title 页面的标题标签title/title决定了显示在页面标题栏中的文字。使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网页的“主题”，要将网页的主题显示到浏览器的顶部其实很简单，只要在title/title标签对之间加入要显示的文本即可。;例如： HTML head title我的第一个网页/title /head body /body /HTML;2.2.3 主体标签body/body body/body标签是HTML文档的主体部分，其中放置的是页面中所有的内容，如图片、文字、表格、表单、超链接等设置。在此标签对之间可包含p、/p、h1、/h1、br、hr等等众多的标签，它们所定义的文本、图像等将会在浏览器的框内显示出来。body/body两个标签必须一块使用。 ;;表2-1 body标签的主要属性 ;例2-2： HTML文档中基本标志的使用 HTML head title显示在浏览器最标题栏中的文本/title /head body bgcolor=red text=blue p红色背景、蓝色文字/p /body /HTML;;颜色值是一个关键字或一个RGB格式的数字。在网页中有许多标签都会用到颜色的设置，在此一并给予介绍。 颜色是由 red green blue 三原色组合而成的，在 HTML 中对颜色的定义是用十六进制数值进行表示的，对於三原色 HTML 分别给予两个十六进制数值去定义，也就是每个原色可有 256 种彩度，故此三原色可混合颜色。应用时常在每个 RGB 值之前加上“ # “ 符号，如：bgcolor=#336699。若用英文名字表示颜色时则可以直接写其英文名字，如 bgcolor=green RGB颜色可以有四种表达形式:： #RRGGBB (如，#00cc00) #RGB (如，#0c0) RGB(x,x,x) x是一个介乎0到255之间的整数 (如，RGB(0,204,0)) RGB(y%,y%,y%) y是一个介乎0.0到100.0之间的整数 (如， RGB(0%,80%,0%) 表1-2是部分颜色的RGB代码对照表。;2.4.1 标题标签hn 　　一般文章都有标题、副标题、章和节等结构，HTML中也提供了相应的标题标签hn,hn标签用于设置网页中的标题文字，被设置的文字将以黑体或粗体的方式显示在网页中。其中n为标题的等级。HTML总共提供六个等级的标题，n越小，标题字号就越大。 标题标签的格式：hn align=参数〉标题内容/hn 说明：hn标签是成对出现的，hn标签共分为六级，在h1.../h1之间的文字就是第一级标题，是最大最粗的标题；h6.../h6之间的文字是最后一级，是最小最细的标题文字。align属性用于设置标题的对齐方式，其参数为 left（靠左对齐），enter（居中对齐)，right (靠右对齐）。hn标签本身具有换行的作用，标题总是从新的一行开始。;例2-3： HTML head title设定各级标题/title /head body 这是一行普通文字p h1 align=center一