网页设计策划第2章HTML基础与文字版面设计策划.pptVIP

第 2 章 ;本章知识技能要点：;2.1 HTML基础;编辑HTML超文本文件时需要用到的一些标签。在HTML中每个用来作标签的符号都是一条命令，它告诉浏览器如何显示文本。这些标签均由“”和“”符号以及一个字符串组成。而浏览器的功能是对这些标签进行解释，显示出文字、图像、动画、播放声音。这些标签符号用“标签名字 属性”来表示。 HTML只是一个纯文本文件。创建一个HTML文档只需要两个工具，一个是HTML编辑器，一个WEB浏览器。HTML编辑器是用于生成和保存HTML文档的应用程序。WEB浏览器是用来打开WEB网页文件，提供查看WEB资源的客户端程序。 ; 双标签 　　另一类标签称为“双标签”，它由“始标签”和“尾标签”两部分构成，必须成对使用。其中始标签告诉web浏览器从此处开始执行该标签所表示的功能，而尾标签告诉web浏览器在这里结束该功能。始标签前加一个斜杠（/）即成为尾标签。这类标签的语法是： 　　　　　　　标签 内 容/ 标签 　　其中“内容” 部分就是要被这对标签施加作用的部分。例如你想突出对某段文字的显示，就将此段文字放在一em /em标签中， 例如：em第一：/em ;2.1.3 标签属性 ;2.1.4 HTML的基本结构;例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两个标签必须一块使用。 body标签有自己的属性，设置 body标签内的属性，可控制整个页面的显示方式。 其主要属性如表2-1。 ;表2-1 body标签的主要属性 ;下面是一个综合的例子，仔细阅读，便可以了解以上各个标志对在一个HTML文档中的布局或所使用的位置。 例2-2： HTML文档中基本标志的使用 HTML head title显示在浏览器最标题栏中的文本/title /head body bgcolor=red text=blue text=#000000 link=#000000 alink=#000000 vlink=#000000 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=参数〉标题内容/