IHTML网页制作基础.docVIP

HTML网页制作基础 HTML文档的结构 示例： HTML???HEAD??????title标题部分/title???/HEAD???BODY?????我的第一个html页面???/BODY?/HTML? head元素出现在文档的开头部分。head与/head之间的内容不会在浏览器的文档窗口中显示，但是其之间可以嵌入javascript 和css样式等丰富网页的内容。 meta http-equiv=Content-Type content=text/html; charset=gb2312 / 用来标记你的页面的解码方式。 title元素定义HTML文档的标题。title与/title之间的内容将显示在浏览器窗口的标题栏。 body元素表明是HTML文档的主体部分。在body与/body之间，通常都会有很多其它元素；这些元素和元素属性构成HTML文档的主体部分。 BODY元素的属性概述 1. Bgcolor 属性标志HTML文档的背景颜色。如:Bgcolor=“＃RRGGBB” 示例： HTML???HEAD??????title标题部分/title???/HEAD???BODY?bgcolor=red?????背影色设置为灰色???/BODY?/HTML? 2. background 属性设置背景图片可使用GIF，JPG 示例： HTML???HEAD??????title标题部分/title???/HEAD???BODY?background=fengjing2_006.jpg????????设置背景图片??????br???/BODY?/HTML? 3. bgproperties=“fixed”使背景图片成固定效果，图片不随滚动条滚动。 示例： HTML???HEAD??????title标题部分/title???/HEAD???BODY?background=fengjing2_006.jpg?bgproperties=fixed?????bgproperties=fixedbrbr?????bgproperties设置为fixed??图片不随着滚动条而滚动。??????br????/BODY?/HTML? 4 .text 设置非链接文字的色彩。 5. link、vlink、alink分别对应普通超级链接、访问过的超级链接、当前活动超级链接颜色。 示例： HTML???HEAD??????title标题部分/title???/HEAD???BODY?alink=red?link=pink?vlink=green?a?href=点击进入/a?a?href=点击进入/a???/BODY?/HTML 6. leftmargin和topmargin页面左边的空白距 与上边的空白距。 HTML文字设置1 文字是网页设计的基础部分，设置好文字的样式，可以起到事半功倍的效果，通常可以使用两种方法。 第1种方法是直接使用HTML标记进行设置，如:使用粗体标记B将文本设置为加粗样式。 第2种方法是使用css，层叠样式表。 HTML定义了6级标题，1-6级，标题文字随级数增大依次减小。 h1h1的效果/h1 h2h2的效果/h2 h3h3的效果/h3 h4h4的效果/h4 h5h5的效果/h5 h6h6的效果/h6 示例： HTML???HEAD??????title标题部分/title???/HEAD???BODY????????h1h1的效果/h1?????h2h2的效果/h2?????h3h3的效果/h3?????h4h4的效果/h4?????h5h5的效果/h5?????h6h6的效果/h6???/BODY?/HTML 利用align 属性可以实现标题文字水平方向左、中、右的对齐方式。 align=“left / center / right” 示例： HTML???HEAD??????title标题部分/title???/HEAD???BODY????????h1?align=leftright的效果/h1?????h2?align=centercenter的效果/h2?????h3?align=rightleft的效果/h3???/BODY?/HTML? HTML文字设置2 B设置文字以粗体的方式显示。语法B…/B I 设置文字以斜体显示。语法I…/I EM效果同l语法EM…/EM SUP设置文字以上标文本效果显示。语法SUP…/SUP SUB设置文字以下标文本效果显示。语法SUB…/SUB U设置文字以下划线显示。语