网页制作技术综述

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

网页制作技术综述

一、html,xhtml与xml

●HTML(Hyper Text Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML 的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

HTML简介

设计HTML语言的目的,是为了能把存放在一台电脑中的文本或图形,与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体。人们不用考虑具体信息是在当前电脑里还是在网络上其它电脑里,只需使用鼠标在某一文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去。而这些信息可能存放在网络的另一台电脑中。

HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

HTML标签通常是英文词汇的全称(如块引用:blockquote)或缩略语(如“p”代表Paragraph),但它们的书写与一般文本有区别,因为它们放在单书名号里,如Paragragh标签是

,块引用标签是

。有些标签说明页面如何被格式化,例如开始一个新段落。其他则说明这些词如何显示,如表示加粗。还有一些其他标签提供在页面上不显示的信息,例如标题。

基本HTML页面以DOCTYPE开始,它声明文档的类型,且它之前不能有任何内容(包括换行符和空格),否则将使文档声明无效。接着是标签,以结束。在它们之间,整个页面有标题和正文两部分。

标题词--夹在和标签之间--这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在和之间--即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。

HTML的特点和好处

HTML文档制作不是很复杂,且功能强大,支持不同数据格式的文件镶入,这也是WWW 盛行的原因之一,其主要特点如下:

1 简易性,HTML版本升级采用超集方式,从而更加灵活方便。

2 可扩展性,HTML语言的广泛应用带来了加强功能,增加标识符等要求,HTML采取子类元素的方式,为系统扩展带来保证。

3 平台无关性。虽然PC机大行其道,但使用MAC等其他机器的大有人在,HTML可以使用在广泛的平台上,这也是WWW盛行的另一个原因。

HTML结构

文件类型标记开始,HTML文件

文件头开始

页面标题 页面标题标记

文件头结束

主题标记开始

正文内容主题内容

主题内容结束

文件类型标记结束

常用HTML代码

1.标题文字.......... #=1~6;h1为最大字,h6为最小字

2.字体变化..........

【1】字体大小.......... #=1~7;数字愈大字也愈大

【2】指定字型..........

【3】文字颜色..........

rr:表红色(red)色码

gg:表绿色(green)色码

bb:表蓝色(blue)色码

rrggbb也可用6位颜色代码数字

3.显示小字体..........

4.显示大字体..........

5.粗体字..........

6.斜体字..........

7.打字机字体..........

8.底线..........

9.删除线..........

10.下标字..........

11.上标字..........

12.文字闪烁效果..........

13.换行(也称回车)

14.分段

15.文字的对齐方向

#号可为left:表向左对齐(预设值)center:表向中对齐right:表向右对齐P.S.

之后的文字都会以所设的对齐方式显示,直到出现另一个

改变其对齐方向,遇到


标签时会自动设回预设的向左对齐。

16.分隔线


【1】分隔线的粗细


【2】分隔线的宽度


【3】分隔线对齐方向


#号可为left:表向左对齐(预设值)center:表向中对齐right:表向右对齐

【4】分隔线的颜色


【5】实心分隔线


17.居中对齐

..........

18.依原始样式显示

..........

19.指令的属性

【1】背景颜色-- bgcolor

【2】背景图案-- background

【3】设定背景图案不会卷动-- bgproperties

【4】文件内容文字的颜色-- text

【5】超连结文字颜色-- link

【6】正被选取的超连结文字颜色-- vlink