YY电脑自学系列之网站开发--html篇.docVIP

YY电脑自学系列之 网站建设入门篇-----HTML语言 编者: 华南理工大学电信学院07集成 胡鹰 2009 年 08 月31日 说明 本文档所记下的只是一些作者的在自学网站开发过程中所遇到的困难和很多与参考书上面所描述的不一样的心得和体会。作者耐心的搜集起来这些小小的不同之处，以及它们的解决办法，以便供有兴趣自学网站开发的人使用或是查阅，由于作者也是一步一步的从最开始的语言学起，所以技术有限，有的地方可能有不当之处，还请参看这些资料的广大读者细心指出，指正。 本篇是网站开发中开发人员必须掌握的基本知识，也是最为重要的知识之一。由于现在很多已经开发好的网站中的代码远远的超过了此篇的范围，有的是更加高级的编程应用，但是不管怎么样，最终浏览器能识别的语言，是本篇中所讲述的html语言，所以，学好html语言，是网页设计人员，网站维护人员，开发人员等网络技术人员必须具备的基础知识。希望有兴趣在电脑网站方面发展的你，能够仔细的看看本篇，相信作者的心得和体会以及在自学过程中对网站建设的理解，能给你以收获。 本篇一个一个的介绍html的基础标签及其用法，必要的地方举出相关的网页实例，只要读者用相关的编辑工具编辑好代码，即可以用浏览器浏览效果，方便实用。 建议自学的初学者使用本篇。 YY 09.08.31 玉鹰集团·荣誉出品 注意：可以用系统自带的编辑器（如记事本）进行简单代码的编辑。 实例一： 欢迎你走进YY世界 用记事本编辑以下代码 html head title欢迎您走进YY世界/title meta http-equiv=”content-type” content=”html/text;charset=gb2312”/ /head body h1欢迎你走进YY世界/h1 /body /html 把该文件保存为yy0.html 用浏览器打开它 可以看到如下的画面： 或是代码改为： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml headtitle欢迎您走进YY世界/title /head body h1欢迎你走进YY世界/h1 /body /html 可以得到一样的效果 分析： 每一个网页，都分为界面和代码，而代码则可以控制界面。在代码的控制下，我们可以在网页页面上指定的地方显示指定的内容。而要做到这些，就像我们用的数学公式一样，要有固定的格式。这个格式就是：html 代码中，整个html程序必须要有头部html…/html ,也要有身体部分，即body…/body标签包含的内容，而整个的文件，即头部和身体都是只能包含在html…/html标签里面。以上的标签，都是要成对出现的，叫做围堵标签，只有当找到对应的标签的结尾标签时，计算机才能正确 识别其中的内容。当然，在正式的标签以前，还可以加上一些网页文件的规范化的说明，即!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd，他们没有什么的特殊的意义，但是不能出错，有的时候出错了的话，代表着这个网页文件不时标准的，有的浏览器则不能正确的识别，而且改变其中的某些字，很有可能就改变了整个网页文件的属性，切忌改动。 xmlns=/1999/xhtml 仍然是html 标签的一个属而已，不需要改动。title欢迎您走进YY世界/title是出现在浏览器最顶端处的内容，h1欢迎你走进YY世界/h1是出现在浏览器正文框中的内容，也是我们的开发人员要千方百计去完善的内容。h1../h1是代表的是一级标题。还有h2…/h2称为二级标题，不同级别的标题，它所规定了显示出来的内容也不同的，以后慢慢讲解。 看了以上的一个十分简单的例子后，你是不是觉得原来网页的设计与开发也不是什么难事呢？？ 对！没错！ 跟着YY的脚步，一切都不是难事！！ 我们继续讲解其它的一些重要的标签。。。。 玉鹰集团·荣誉出品 1.body和/body标签 它们是围堵标签，它一下一些重要的属性 Text 属性，文字属性 Bgcolor属性 代表该网页页面的背景颜色 Link属性 访问之前的超级链接的颜色 Alink 属性 正在按下的超级链接的颜色 Vlink属性 已经访问过的超级链接的颜色 举例： body link=”#000000” alink=”#00FF00” vlink=“#FF0000” 其中，#000000代表的是黑色，FF0000代