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

YY电脑自学系列之网站建设入门篇-HTML语言编者: 华南理工大学电信学院07集成 胡鹰2009 年 08 月31日说明 本文档所记下的只是一些作者的在自学网站开发过程中所遇到的困难和很多与参考书上面所描述的不一样的心得和体会。作者耐心的搜集起来这些小小的不同之处，以及它们的解决办法，以便供有兴趣自学网站开发的人使用或是查阅，由于作者也是一步一步的从最开始的语言学起，所以技术有限，有的地方可能有不当之处，还请参看这些资料的广大读者细心指出，指正。 本篇是网站开发中开发人员必须掌握的基本知识，也是最为重要的知识之一。由于现在很多已经开发好的网站中的代码远远的超过了此篇的范围，有的是更加高级的编程应用，但是不管怎么样，最终浏览器能识别的语言，是本篇中所讲述的html语言，所以，学好html语言，是网页设计人员，网站维护人员，开发人员等网络技术人员必须具备的基础知识。希望有兴趣在电脑网站方面发展的你，能够仔细的看看本篇，相信作者的心得和体会以及在自学过程中对网站建设的理解，能给你以收获。 本篇一个一个的介绍html的基础标签及其用法，必要的地方举出相关的网页实例，只要读者用相关的编辑工具编辑好代码，即可以用浏览器浏览效果，方便实用。 建议自学的初学者使用本篇。YY 09.08.31玉鹰集团荣誉出品注意：可以用系统自带的编辑器（如记事本）进行简单代码的编辑。实例一： 欢迎你走进YY世界1 用记事本编辑以下代码欢迎您走进YY世界欢迎你走进YY世界2 把该文件保存为yy0.html3 用浏览器打开它可以看到如下的画面：或是代码改为：欢迎您走进YY世界欢迎你走进YY世界可以得到一样的效果分析： 每一个网页，都分为界面和代码，而代码则可以控制界面。在代码的控制下，我们可以在网页页面上指定的地方显示指定的内容。而要做到这些，就像我们用的数学公式一样，要有固定的格式。这个格式就是：html 代码中，整个html程序必须要有头部 ,也要有身体部分，即标签包含的内容，而整个的文件，即头部和身体都是只能包含在标签里面。以上的标签，都是要成对出现的，叫做围堵标签，只有当找到对应的标签的结尾标签时，计算机才能正确 识别其中的内容。当然，在正式的标签以前，还可以加上一些网页文件的规范化的说明，即，他们没有什么的特殊的意义，但是不能出错，有的时候出错了的话，代表着这个网页文件不时标准的，有的浏览器则不能正确的识别，而且改变其中的某些字，很有可能就改变了整个网页文件的属性，切忌改动。 xmlns=/1999/xhtml 仍然是 标签的一个属而已，不需要改动。欢迎您走进YY世界是出现在浏览器最顶端处的内容，欢迎你走进YY世界是出现在浏览器正文框中的内容，也是我们的开发人员要千方百计去完善的内容。.是代表的是一级标题。还有称为二级标题，不同级别的标题，它所规定了显示出来的内容也不同的，以后慢慢讲解。看了以上的一个十分简单的例子后，你是不是觉得原来网页的设计与开发也不是什么难事呢？对！没错！ 跟着YY的脚步，一切都不是难事！我们继续讲解其它的一些重要的标签。玉鹰集团荣誉出品1.和标签 它们是围堵标签，它一下一些重要的属性Text 属性，文字属性Bgcolor属性 代表该网页页面的背景颜色Link属性 访问之前的超级链接的颜色Alink 属性 正在按下的超级链接的颜色Vlink属性 已经访问过的超级链接的颜色举例： 其中，#000000代表的是黑色，FF0000代表红色，#00FF00代表绿色Background属性，设定网页的背景图片。只需要把要做为背景的图片在服务器中的地址给予这个属性，那么就可以很方便的把它设置为该网页的背景。注意：如果设置了背景图片，也设置了背景颜色，则会显示背景图片，而背景颜色则不会影响到背景图片。举例：即可Scroll属性 该属性是控制浏览器的滚动条是否显示的。广泛用于广告的弹出窗口，弹出最新通知等等弹出性页面。如果用成 则会使滚动条消失Meta属性 用来指定html文件的相关信息，如作者 版权申明，浏览器属性，编辑器及有效日期等等，放在和之间，位于标签之前，且不成对出现。举例： 其中，gb2312表示国家标准编码，代表简体中文。其他的一般都是不变的。2.排版标签 注释标签 其中的省略号为注释的内容 为区段标签 也可以成为层标签 段落标签 不折行标签换行标签 建议折行标签水平线标签预设格式标签（它会保留文件中空格的大小）解释：内容才能换行，且换行到正常行距的1.5倍行距，就算有多个标签连用也是只能换行到1.5倍标签的属性包括size(高度)，width，align(left,right,center)对齐方式，title(当鼠标移动到水平线上时显示出的内容)Color，noshade(有无阴影) 举例：标签，它会使空格或是回车等版式符号忠实的被显示出来，比如打一张表单，就可以按照代码上的形式比例显示出来了标签，常常用于页面的布局。举例：内容是向着页面左对齐的标签，可以避免意外的折行（当改变浏览器大小时），用此标签把文字包围起来最佳标签，和联合起来使用，如果显示时浏览器宽度足够显示一行，则显示出来；要是不能够显示一行，则在有标签处优先折行。3.框架标签 框架标签允许设计者在多个视图内放置页面，这些页面可以以独立窗口或是子窗口的形式存在，因此，可以使页面保留一部分页面信息的情况下，显示其他的信息。最常见的就是左边的窗口放置菜单，右边的窗口显示电击菜单中的某一项后出来的内容。 一共有三种标签： 玉鹰集团荣誉出品是一个围堵标签。所有对于该标签的申明都必须被它包含，由于它并不涉及到输出，只是涉及到页面的结构，因此不一定处在标签的包含之中，它的属性有：Rows：代表横向排列多少个窗口，它的值代表着每一个窗口的高度，可以是一系列的值，用“，”号隔开。可以是绝对高度（像素），也可以是相对的高度（百分比），也可以是“*”，它代表的是分配的窗口高度Cols:纵向排列多少个窗口。与rows差不多，只是它的值代表的是每个窗口的宽度。Border: 为窗口边框的宽度（像素）。Bordercoler: 边框颜色标签：具体定义每个窗口，此二窗口是每个窗口中必不可少的它的属性有：Src: 它的值为一个URL，代表在该窗口中显示的页面举例：Name: 分配给每个窗格的唯一的一个名字作为标志，有了这个标志以后，就可以让页面在指定的窗口中打开举例：除了直接指定窗口的名字外，一些保留的名字也可以直接付给target(目标窗口)它们是： _blank 在一个新的为命名窗口中打开（即是说我们点击了一个连接后，会新弹出一个窗口来） _self 在链接所在窗口中打开该链接所指向的页面 _parent 在父窗口中打开链接 _top 用整个浏览器窗口来显示Marginwidth: 设置窗口的边框高度，以像素为单位Scrolling :设定窗口是否显示滚动条，如果页面的面积太大，默认情况下是要显示滚动条的，它有三个值：yes.no.auto.值得注意的是，滚动条的显示，可能会使页面可以利用的宽度变小，也可能会影响到换行或是图形的显示。Noresize: 此属性缺损时，每个窗口的大小都可以通过手动的方式来改变。也可以通过设定它，来防止也卖的大小被改变。有时候因为浏览着对页面的宽度的改变会使显示出来内容显得很混乱，故一般要设置此属性，对页面加以固定。注意：此属性是不用设置属性值的。主要有用到此属性即可固定。4.字体标签 为加重字体的标签 粗体标签 强调标签，通常以斜体显示一级标题 二级标题 字形 基准字形 放大字号 缩小字号斜体 印刷字体 下划线 删除线标签 程序代码 键盘字符 引用变量标签 范例标签 引述标签 定义标签 地址标签 下标 上标说明，上述标签均为围堵标签，相近的标签没有什么太大的差别，平时也没有怎么去仔细的区分，用的时候一般只是需要用到一些常用的标签而已。 均为加斜体标签，只有标签是实体的标签中，n越大，级别越低，共有六级与:Face属性：默认的为“Times New Roamn”字体Color属性：默认为红色 或者 玉鹰集团荣誉出品Siae属性：值从1-7，默认为3，也可以在值前面加上”+”或者”-“号，表示相对于来说设定的相对的字体的大小，“+3”表示比基本字体大三号。标签不一定在的范围内，