html教程33831.docVIP

html简介 在今天，做网页的工具到处都是,只要动几下鼠标，一个精彩的网页就出来了，HTML是否要学呢？答案是肯定的，因为工具就是工具，它们生成的代码是机械的，不够简洁，使网页打开的速度减慢。还有很多新的功能，工具是生成不了的，必需对代码进行编辑。 下面从简单的开始学起： 你打开网页的源文件，可以看到html文件的格式是这样的： html head title网页的标题/title /head body …………………… /body /html 其中省略号部份是网页的内容,其实每个标记都是一一对应的，有一个body就必有一个/body,有一个font就会有一个/font 每个网页文件都是以html开始和以/html结束的。 title与/title之间的内容是网页的标题。会显示在浏览器的标题栏上。 body与/body之间放的是网页内容。打开记事本，写上下面的内容： html head title网页的标题/title /head body 我的第一个网页。 /body /html 保存为以.htm或.html为后缀的文件就成为一个简单的网页啦。是不是很简单呢？ 文件标记 ■ 文件标记　HTML ； HEAD ； TITLE ； BODY ■ HTML 基本架构： 以下 HTML Source Code 便是一份 HTML 文件的基本架构 ： HTML HEAD TITLE 网页的标题 /TITLE /HEAD BODY 网页的内容，很多标记都作用于此 /BODY /HTML 　　特点解说： 整份文件处于标记HTML与/HTML之间。 HTML用以宣告这是 HTML 文件，让浏览器认出并正确处理此 HTML 文件。 文件分两部份，由HEAD至/HEAD称为开头，BODY至/BODY称本文。 基本上两者各有适用的标记，如TITLE只可出现于开部分。 开头部分用以存载重要信息，而只有本文部分会被显示。 所以大部分标记会应用于本文部分。 TITLE所标示的是文件的标题。 会出现于浏览器顶部及为别人 Bookmark 时的名称，所以每页有不同面明确的标题是需要的。 　　上述标记中只有BODY具参数设定。 ■ BODY 的参数设定： 　　例子： BODY text=#000000 link=#0000FF alink=#FF0000 vlink=#0000FF background=bg1.gif bgcolor=#FFFFFF leftmargin=2 topmargin=2 bgproperties=fixed text=#000000 用以设定文字颜色。 #000000 代表黑色，也可以采用颜色名称，即 text=black 。各种颜色的值及名称可参考【调色原理】一节。 link=#0000FF 设定一般文字链接的颜色。 alink=#FF0000 设定刚按下时文字链结颜色。 vlink=#0000FF 设定被按过后的链接的颜色。 background=bg1.gif 设定背景图片。GIF 或 JPEG 皆可，可以是绝对路径或相对路径。 bgcolor=#FFFFFF 设定背景颜色，当已设定背景图片时会失去作用，除非透明部分。 leftmargin=2 设定整份文件显示画面的左方边沿空间，单位为像素。 （只适用于IE） topmargin=2 设定整份文件显示画面的上方边沿空间。（只适用于IE） bgproperties=fixed 固定背景图片，当卷轴卷动时不会跟着卷动。（只适用于IE） 标记及参数的字母大小写都可以。其他如 onload 等事件请参看有关 Java Script 的介绍。 文字格式■ 字体标记 STRONG B I EM VAR CITE DFN ADDRESS TT SAMP CODE KBD U STRIKE BIG SMALL SUP SUB H1 H2 H3 H4 H5 H6 FONT BASEFONT ■ 实体标记与逻辑标记 ： 　　这一节【字体标记】你必须先明白实体标记与逻辑标记的分别，否则你会迷惑于为何不同 的标记却有相同的效果。两者分别有以下两处： 　　1、实体标记有固定的显示效果，逻辑标记标记则依不同浏览器而不同。 　　例如逻辑标记的 EM 由于浏览器的不同它所标示的文字不一定出现斜体效果， 它可能是加底线、粗体或反白等，所以这一节是以它们在 IE 和 NC 中的效果作介绍。 　　2、多个实体标记也可有效标示同一字句，逻辑标记则通常于浏览器不能有效显示多重的标示。 　　例如两个逻辑标记 EM 及 STRONG 同时标示一字句于旧浏览器常失去作用。 实体标记有： I B U 逻辑标记有： S