网页制作技术综述
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 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