Web客户端语言HTML、XHTML和XML相关知识介绍

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

  也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面;你所需要的只是一个文本编辑器(或字处理器)(如Office Word\记事本\写字板\Gedit\Vim\OpenOffice. org等等)以及HTML的工作常识。其实你很快就会发现,基础的HTML语言简直容易死了。

  那么让我们建立一个简单的范例吧。第一步,当然是要建立一个新的文本文件并键入“Hello Word!”保存,将它命名为“xxxx.html”。(随便你起一个什么名字,扩展名也可以是HTM)。然后你可以用浏览器将它打开,你会看见的自己键入“Hello Word!”显示在页面上了。

HTML特点和好处

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

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

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

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

用什么可以编辑HTML?HTML其实是文本,它需要浏览器的解释,HTML的编辑器大体可以分为三种:

基本编辑软件,使用WINDOWS自带的记事本或写字版都可以编写,当然,如果你用WPS来编写,也可以。不过存盘时请使用.htm或.html作为扩展名,这样浏览器就可以解释执行了。

半所见即所得软件,这种软件能大大提高开发效率,它可以使你在很短的时间内做出Homepage,且可以学习HTML,这种类型的软件主要有HOTDOG,还有国产的软件网页作坊。

所见即所得软件,使用最广泛的编辑器,完全可以一点不懂HTML的知识就可以做出网页,这类软件主要有Frontpage,DREAMWEAVER。

常用HTML代码

1.标题文字 <h#>..........</h#> #=1~6;h1为最大字,h6为最小字
2.字体变化 <font>..........</font>
 【1】字体大小 <font size=#>..........</font> #=1~7;数字愈大字也愈大
 【2】指定字型 <font face="字体名称">..........</font>
 【3】文字颜色 <font color=#rrggbb>..........</font>
   rr:表红色(red)色码
   gg:表绿色(green)色码
   bb:表蓝色(blue)色码
   rrggbb也可用6位颜色代码数字
3.显示小字体 <small>..........</small>
4.显示大字体 <big>..........</big>
5.粗体字 <b>..........</b>
6.斜体字 <i>..........</i>
7.打字机字体 <tt>..........</tt>
8.底线 <u>..........</u>
9.删除线 <strike>..........</strike>
10.下标字 <sub>..........</sub>
11.上标字 <sup>..........</sup>
12.文字闪烁效果 <blink>..........</blink>
13.换行(也称回车) <br>
14.分段 <p>
15.文字的对齐方向 <p align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐 P.S.<p align="#">之后的文字都会以所设的对齐方式显示,直到出现另一个<p align="#">改变其对齐方向,遇到<hr>或<h#>标签时会自动设回预设的向左对齐。
16.分隔线 <hr>
 【1】分隔线的粗细 <hr size=点数>
 【2】分隔线的宽度 <hr size=点数或百分比>
 【3】分隔线对齐方向 <hr align="#">#号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐
 【4】分隔线的颜色 <hr color=#rrggbb>
 【5】实心分隔线 <hr noshade>
17.居中对齐 <center>..........</center>
18.依原始样式显示 <pre>..........</pre>
19.<body>指令的属性
 【1】背景颜色 -- bgcolor <body bgcolor=#rrggbb>
 【2】背景图案 -- background <body background="图形文件名">
 【3】设定背景图案不会卷动 -- bgproperties <body bgproperties=fixed>
 【4】文件内容文字的颜色 -- text <body text=#rrggbb>
 【5】超连结文字颜色 -- link <body link=#rrggbb>
 【6】正被选取的超连结文字颜色 -- vlink <body vlink=#rrggbb>
 【7】已连结过的超连结文字颜色 -- alink <body alink=#rrggbb>
20.文字移动指令<MARQUEE>..........</MARQUEE>   移动速度指令是:scrollAmount=# #最小为1,速度为最慢;数字越大移动的越快。   移动方向指令是:direction=# up向上、down向下、left向左、right向右。   指令举例:<MARQUEE scrollAmount=3 direction=up>..........</MARQUEE>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/11065.html