HTML网页制作基础.docVIP

HTML网页制作基础 HTML文档的结构 HTML???HEAD??????title标题部分/title???/HEAD???BODY?????我的第一个html页面???/BODY?/HTML? 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? HTML???HEAD??????title标题部分/title???/HEAD???BODY?background=fengjing2_006.jpg????????设置背景图片??????br???/BODY?/HTML? HTML???HEAD??????title标题部分/title???/HEAD???BODY?background=fengjing2_006.jpg?bgproperties=fixed?????bgproperties=fixedbrbr?????bgproperties设置为fixed??图片不随着滚动条而滚动。??????br????/BODY?/HTML? HTML???HEAD??????title标题部分/title???/HEAD???BODY?alink=red?link=pink?vlink=green?a?href=点击进入/a?a?href=点击进入/a???/BODY?/HTML 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 B设置文字以粗体的方式显示。语法B…/B I 设置文字以斜体显示。语法I…/I EM效果同l语法EM…/EM SUP设置文字以上标文本效果显示。语法SUP…/SUP SUB设置文字以下标文本效果显示。语法SUB…/SUB U设置文字以下划线显示。语法U…/U S设置文字以删除线显示。语法S…/S 示例： HTML???HEAD??????title标题部分/title???/HEAD???BODY?????B粗体/Bbr?????I斜体/Ibr?????EM斜体/EMbr?????字体SUP上标/SUPbr?????字体SUB下标/SUBbr?????U下划线/Ubr?????S删除线/Sbr???/BODY?/HTML? FONT 语法： FONT face=“字体”,size=“文字大小”,color=“颜色值”…/FONT face 控制文字使用的字体 size 控制文字的大小 color