制作网页与电子书经典基础html教程

教程一、基本标志1.html/html2.head/head3.body/body4.title/titleHtml是英文HyperTextMarkupLanguage的缩写，中文意思是“超文本标志语言”，用它编写的文件(文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。您可以使用记事本、写字板或FrontPageEditor等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件，既简单又方便，它通常使用标志名/标志名来表示标志的开始和结束(例如html/html标志对)，因此在Html文档中这样的标志对都必须是成对使用的。在此教程中，我先讲一下Html的基本标志：1.html/htmlhtml标志用于Html文档的最前边，用来标识Html文档的开始。而/html标志恰恰相反，它放在Html文档的最后边，用来标识Html文档的结束，两个标志必须一块使用。2.head/headhead和/head构成Html文档的开头部分，在此标志对之间可以使用title/title、script/script等等标志对，这些标志对都是描述Html文档相关信息的标志对，head/head标志对之间的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。3.body/bodybody/body是Html文档的主体部分，在此标志对之间可包含p、/p、h1、/h1、br、hr等等众多的标志，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。body标志中还可以有以下属性：属性用途示例bodybgcolor=#rrggbb设置背景颜色。bodybgcolor=red红色背景bodytext=#rrggbb设置文本颜色。bodytext=#0000ff蓝色文本bodylink=#rrggbb设置链接颜色。bodylink=blue链接为蓝色bodyvlink=#rrggbb设置已使用的链接的颜bodyvlink=#ff0000色。bodyalink=#rrggbb设置正在被击中的链接的颜色。bodyalink=yellow说明:以上各个属性可以结合使用，如bodybgcolor=redtext=#0000ff。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色，如#ff0000对应的是红色。此外，还可以使用Html语言所给定的常量名来表示颜色：Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal，如bodytext=Blue表示body/body标志对中的文本使用蓝色显示在浏览器的框内。4.title/title使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网页的“主题”，要将您的网页的主题显示到浏览器的顶部其实很简单，只要在title/title标志对之间加入您要显示的文本即可。注意：title/title标志对只能放在head/head标志对之间。下面是一个综合的例子，仔细阅读，您便可以了解以上各个标志对在一个Html文档中的布局或所使用的位置。例1Html文档中基本标志的使用htmlheadtitle显示在浏览器最上边蓝色条中的文本/title/headbodybgcolor=redtext=bluep红色背景、蓝色文本/p/body/html[此贴子已经被作者于2004-10-2721:38:32编辑过]Copyright2004读书中文网HTML入门HTML英语意思是：HypertextMarkedLanguage，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作WorldWideWeb的信息表示语言，用于描述Homepage的格式设计和它与的连结信息。使用HTML语言描述的文件，需要通过浏览器显示出效果。所谓超文本，因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。通过HTML可以表现出丰富多彩的设计风格图片调用：IMGSRC=文件名文字格式：FONTSIZE=+5COLOR=00FFFF文字/FONT通过HTML可以实现页面之间的跳转页面跳转：〈AHREF=文件路径/文件名/A通过HTML可以展现多媒体的效果声频：EMBEDSRC=音乐文件名AUTOSTART=true视频：EMBEDSRC=视频文件名AUTOSTART=trueCopyright2004读书中文网HTML中也提供了相应的标题标签Hn,其中n为标题的等HTML总共提供六个等级的标题，n越小，标题字号就越大，以下列出所有等级的标题：〈H1…/H1第一级标题〈H2…/H2第二级标题〈H3…/H3第三级标题〈H4…/H4第四级标题〈H5…/H5第五级标题〈H6…/H6第六级标题代码部分换行br段落标签P/P水平线段HRHR有三个属性：size水平线的宽度width水平线的长，用占屏幕宽度的百分比或象素值来表示align水平线的对齐方式，有LEFTRIGHTCENTER三种noshade线段无阴影属性，为实心线段文字的大小设置fontsize=7这是size=7的字体/font文字的字体与样式fontface=字体文字的颜色fontcolor=color_value…/font位置控制DIVALIGN=#说明：#＝left／right／center表格的基本结构table.../table定义表格caption.../caption定义标题tr定义表行th定义表头td定义表元(表格的具体数据)表格的标题：设置标题位于表格上方：captionalign=top.../caption设置标题位于表格下方：captionalign=bottom.../caption表格尺寸设置：表格的大小：tablewidth=n1height=n2width和height属性分别指定表格一个固定的宽度和长度，n1和n2可以用像素来表示，也可以用百分比（与整个屏幕相比的大小比例）来表示。边框尺寸设置：边框是用border属性来体现的，它表示表格的边框边厚度和框线。将border设成不同的值，有不同的效果。如：tableborder=10width=250格间线宽度：格与格之间的线为格间线，它的宽度可以使用TABLE中的CELLSPACING属性加以调节。格式是：TABLECELLSPACING=##表示要取用的像素值内容与格线之间的宽度：我们还可以在TABLE中设置CELLPADDING属性，用来规定内容与格线之间的宽度。格式为TABLECELLPADDING=##表示要取用的像素值背景色彩和文字色彩bodybgcolor=#text=#link=#alink=#vlink=#bgcolor---背景色彩text---非可链接文字的色彩link---可链接文字的色彩alink---正被点击的可链接文字的色彩vlink---已经点击(访问)过的可链接文字的色彩#=rrggbb色彩是用16进制的红－绿－蓝(red-green-blue,RGB)值来表示。16进制的数码有:0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.背景图象bodybackground=image-URLNonScrollingBackgroundbodybgproperties=FIXED文件之间的链接超文本中的链接是其最重要的特性之一，使用者可以从一个页面直接跳转到其他的页面、图象或者服务器。一个链接的基本格式如下：AHREF=资源地址链接文字/A·标签A表示一个链接的开始，/A表示链接的结束；·属性“HREF”定义了这个链接所指的地方；·通过点击“链接文字”可以到达指定的文件。本地链接：现在我们把这几种路径的表示方法写入链接中：以绝对路径表示：AHREF=/c:\study\HTML教程\link01.htm文件的链接/A以相对路径表示：AHREF=link01.htm文件的链接/A链接上一目录中的文件：AHREF=../../Internet/IP地址IP地址/AURL链接************URL链接的形式是：协议名：//主机.域名／路径／文件名其中协议包括：file本地系统文件http文件中，链接其他主机上的文件时，格式如下：AHREF=动网先锋/A类别一序号标签符号命令作用备注创建Web页1HEADTITLE/TITLE/HEAD为建立HTML文件头应放入的信息，以及在浏览窗口的标题框内一什么样的名称去调用该文件。HEADTITLE我的主页/TITLE/HEAD2EM,/EM强调显示隐式格式化标记3HR空标记上下两句话之间被一条水平线隔开4P,/P段落标记多数情况下，Web浏览器只认识字间只有一个空格，忽略字间的其他空格和HTML文件中加入的回车。5BR分行标记它在Web文件中强制实现换行6!--.....--注释标记通常使用注释标记是处于个人目的的，因此可以用注释写上一个版权信息或者个人情况7H1,/H1标题标记第一级字号最大，用于总标题8H2,/H2第二级小一些，用于大分标题9H3,/H3第三级再小些，用于小分标题10H4,/H4第四级字号大小和正常字号相同11H5,/H5第五级也加强调，但比正常字号小12H6,/H6第六级最小13B,/B强调显示标记黑体14I,/I斜体15U,/U下划线文本16TT,/TT隐式标记一般再现为等宽字体文17EM,/EM进一步强调，一般为斜体18STRONG,/STRONG进一步强调，一般为黑体19CODE,/CODE程序员的HTML标记.HTML早期被用来编制计算机程序应用说明，为计算机编程人员提供便利和建议。后来，HTML2.0标准提供了一些（逻辑的》HTML标记，从而使HTML设计人员可以对文本做标记使得该文本能够更容易展示计算机编程代码。编程行，一般再现为等宽字体，如TT20KBD,/KBD键盘文本，一般再现为等宽字体21SAMP,/SAMP样本输出，一般再现为等宽字体22VAR,/VAR变量，一般为等宽字体23CITE,/CITE排版类标记引文，一般再现为斜体24BLOCKQUOTE,/BLOCKQUOTE块引述，一般再现为缩格图像标志1.img2.hr再简单朴素的网页如果只有文字而没有图像的话将失去许多活力，图像在网页制作中是非常重要的一个方面，Html语言也专门提供了img标志来处理图像的输出。1.imgimg标志并不是真正地把图像给加入到Html文档中，而是将标志对的src属性赋值，这个值是图形文件