HTML速成教材

HTML速成教材目录第一章前言............................................................................................................................................3第二章HTML课程...................................................................................................................................42.1HTML标记规则.............................................................................................................................42.2HTML文档实例.............................................................................................................................42.3HTML标记解释.............................................................................................................................52.4字符格式....................................................................................................................................122.5URLS.............................................................................................................................................162.6嵌入行中的图象........................................................................................................................182.7外部图象，声音，和动画.........................................................................................................212.8表格TABLES.................................................................................................................................222.9疑难解答....................................................................................................................................252.10最后的步骤..............................................................................................................................26第一章前言HTML是（WorldWideWeb)中使用的超文本标记语言。HTML文档是普通文本(ASCII)文件,它可以用任意编缉器(如UNIX中的Emacs或vi,Macintosh中的BBEdit,Windows中的Notepad，Editplus,Utraladit等)生成.你也可以使用字处理软件,不过要记住存文件时要存成“带回车的纯文本”。术语定义标准通用标记语言，描述标记语言的一个标准DTDDocumentTypeDefinition--文本类型定义,这是一个用SGML写成的标记语言的正式说明HTMLHyperTextMarkupLanguage--超文本标记语言,它是一个SGMLDTDHTML是一套独立于平台的格式定义(用标记说明),用来描述WorldWideWeb文档中的各个组成部分.HTML是TimBerners-Lee在CERN(在日内瓦的欧洲粒子物理实验室)发明的.第二章HTML课程2.1HTML标记规则一个元素element是一个文档结构的基本组成部分.元素的例子有头heads,表格tables,段落paragraphs,列表lists等.你可以这样理解:你用HTML标记为浏览器标出文件的各个元素.元素中可以包含普通文本，其他元素，或二者都有.在HTML文档中使用tags表示各种元素.HTML标记由一个左尖括号(),一个标记名,和一个右尖括号()组成.标记通常成对出现(如,H1和/H1)以指出标记作用的范围.结束标记和起始标记相似，只是在括号中的标记名中以斜杠(/)领头.HTML标记在下文中列出.有些元素可能含有一个属性attribute,它是包含在起始标记中的附加信息说明.例如,通过在图象文件的HTML代码中包含适当的属性，你可以指明一幅图象的位置(顶端,中间,或底部).具有可选属性的标记如下.注意:HTML不区分大小写.title等价于TITLE或TiTlE.有几个例外的情况列在下文中的转义序列中.并非所有的WorldWideWeb浏览器都支持所有的标记.如果一个浏览器不支持某个标记,它通常只是忽略之.2.2HTML文档实例每个HTML文档应该包含一些标准HTML标记.每个文档都包含头head和正文bodytext两部分.头中含有标题title,正文中含有实际构成段落，列表和其他元素的文本.浏览器需要具体的信息是因为它们都是根据HTML和SGML说明编程的.下面的源文档举例说明必须的元素:htmlheadTITLEASimpleHTMLExample/TITLE/headbodyH1HTMLisEasyToLearn/H1PWelcometotheworldofHTML.Thisisthefirstparagraph.Whileshortitisstillaparagraph!/PPAndthisisthesecondparagraph./P/body/html2.3HTML标记解释HTML该元素指明你的文件包含HTML-编码信息.文件扩展名.html也指明该文件是一个HTML文档而且必须使用.(如果你的系统受8.3制文件名的限制(如.,LeeHome.htm）,可以用.htm做扩展名.)HEAD头元素head是你的HTML-编码文档中包含标题title的第一部分.标题是作为你的浏览器窗口的一部分来显示的(见下文).TITLE标题title元素含有你的文档标题并且作为一种全局上下文识别其内容.标题通常显示在浏览器窗口的某个位置(通常在顶端),而不是在文本区.标题同时也用于热点列表hotlist或书签列表bookmarklist中的显示,因此标题的选择因当是描述性的,独特的,和相对简洁的.标题在WAIS服务中还用于搜索服务器.例如,你可能在一章的内容中包含一个短小的书本的标题:NCSAMosaic指南(Windows):安装.这个标题说明了软件的名称,使用平台,和本章内容,它比简单地把该文档称为安装.要好得多。一般你的标题应该不超过64个字符.BODYHTML文档的第二部分，也是最大的部分是正文body,它含有你的文档的内容(显示在你的浏览器窗口文本区的部分).下面介绍的标记用在HTML文档的正文body内.标题字体HeadingsHTML有六级标题字体,从1到6编号,1号最小.标题字体的显示比普通文本字体大或者粗.每个文档中的第一个标题字体应该标记为H1.标题字体元素的语法为:Hy标题字体文本/Hy其中y是从1到6的数字，指明标题字体的等级.在你的文档中不要跳跃使用标题字体等级.例如,不要用一级标题(H1)开始，然后跟随一个三级标题(H3).段落Paragraphs不同于多数字处理器中的文档,HTML文件中的换行是不重要的.你不用担心你的文本中行的长度(当然最好不要超过72个字符).在你的源文件中任何地方可以使用换行,多个空白在你的浏览器中被重叠成为一个空白.在“最小的HTML文档”中给出的例子中第一段的编码为PWelcometotheworldofHTML.Thisisthefirstparagraph.Whileshortitisstillaparagraph!/P源文件中各行之间有换行.Web浏览器忽略这些换行，只有遇到另一个p标记时才开始新段落P要点:你必须用P元素指明段落.浏览器忽略源文件中的任何缩进或空行.如果没有P元素,文档将被看作一个大段落处理.(一个例外的情况是把文本标记为preformatted,下文中将做介绍.)例如,下面的内容的输出和第一个HTML例子完全相同:H1Level-oneheading/H1PWelcometotheworldofHTML.Thisisthefirstparagraph.Whileshortitisstillaparagraph!/PPAndthisisthesecondparagraph./P为了保持HTML文件的可读性,标题字体应该独占一行,在开始一个新的部分之前加一到两行空行，段落之间也用空行隔开(除了用P标记以外).这些额外的空白在你编辑文件时将会有用(但是你的浏览器将忽略这些空白因为它有自己的关于空白的规则，不依赖于你源文件中的空白).注意:结束标记/P可以省略.这是因为当浏览器遇到一个P标记时,它认为前一个段落到此结束.使用P和/P作为段落标记使得你可以通过在源文件中使用ALIGN=alignment属性使一个段落居中排列.PALIGN=CENTER这是一个居中的段落.[见下面的输出形式]/P这是一个居中的段落.列表ListsHTML支持不编号unnumbered,编号numbered,和定义definition三种列表.你也可以嵌套列表,但是不要嵌套过多，否则会使读者感到不清晰。不编号列表UnnumberedLists制作一个不编号的，公告式列表,1.用开始标记UL(unnumberedlist的简记)开始2.输入LI(listitem)标记，后面跟独立的项;不需使用/LI标记3.用/UL标记结束整个列表下面是一个有三个项的列表:ULLIapplesLIbananasLIgrapefruit/UL输出形式为:applesbananasgrapefruitLI项可以含有多个段落.用段落标记P指明.编号列表NumberedLists编号列表(也称为有序列表orderedlist)和不编号列表相同,只是用OL代替UL.各项同样用LI标记.下面的HTML代码:OLLIorangesLIpeachesLIgrapes/OL产生的输出为:1.oranges2