正在加载图片...
Dreamweaver MX2004教案 第二周星期三第1,2节 课题HM语言教程(二) 教学目标1、掌握BODY标志的应用:2、了解BODY标志中属性 教学重点BODY标志中属性 教学难点BODY标志中属性 BODY标志 body是一个网页代码的绝对主要部分。body是由<body>开始,由</body>结束。下面我们 看一下body部分的元素: color背景色 background背景图案 text文本颜色 link链接文字颜色 alink活动链接文字颜色 vlink已访问链接文字颜色 leftmargin页面左侧的留白距离 topmargin页面顶部的留白距离 下面介绍各个部分的功能及用法 bgcolor用于指定页面的背景颜色。在 Microsoft公司的IE浏览器中,默认情况下是白色, Netscape 公司的 Navigator浏览器的默认情况是灰色。 语法格式:< body bgcolor="颜色值"> background: background属性用于指定页面的背景图案 语法格式:bodybackground="http://www.ebok.cn/url> 下面介绍几种文字的属性,可以改变文字的颜色以及在页面上留出空白 教 text link alink vlink leftmargin topmargin 他们的作用分别是:非链接文字的颜色:可连接文字的颜色:正被点击的可链接文字的颜色 已被点击的可链接的文字的颜色:页面左侧的留白:页面顶部的留白。 语法格式: 4 <body text="color"link="color"alink="color"vlink="color"> dy leftmargin="value"topmargin=value"> BODY实例如右所示: <html> 过|说明:对于lnk这样的属性,大多数hml 的页面已经不使用这样的用法了现在多数hody元素示例/us 是在head中加入相应的代码。要达到的效head 果是鼠标放到有链接的字体上时,字体变 bgcolor="#ff0000 text="#ffff00 程色,点击后字体变为灰色。具体方法如下 leftmargin=100"> p>这里显示body的示例。</p> A: link (color: #00007f, </body> A: visited color: #65038e; i </html> A: active color: #ff0000; i A: hover color: #ff0000; 1 将这段代码加入到head中,在body中加入有链接的文字,就可以看出效果了。这一部分是属 于css中的知识 Algn属性(三种选择) Lef(默认值)文字左对齐 Center文字居中对齐 Right文字据右对齐 html><head><title> Align A t</title></head><body bgcolor="#ffffff"> < h1 Align="left">文字左对齐<hl><h2Algn=" center">文字居中<h2> <h3Algn=" right">文字右对齐</h3></body><hmb>Dreamweaver MX2004 教案 第二周 星期三 第 1，2 节 课 题 HTML 语言教程（二） 教学目标 1、掌握 BODY 标志的应用；2、了解 BODY 标志中属性。 教学重点 BODY 标志中属性 教学难点 BODY 标志中属性 教 学 过 程 一、BODY 标志 body 是一个网页代码的绝对主要部分。body 是由<body>开始，由</body>结束。下面我们 看一下 body 部分的元素： 下面介绍各个部分的功能及用法： bgcolor 用于指定页面的背景颜色。在 Microsoft 公司的 IE 浏览器中，默认情况下是白色，Netscape 公司的 Navigator 浏览器的默认情况是灰色。 语法格式：<body bgcolor="颜色值"> background：background 属性用于指定页面的背景图案。 语法格式：<body background="http://www.ebok.cn/URL"> 下面介绍几种文字的属性，可以改变文字的颜色,以及在页面上留出空白： text link alink vlink leftmargin topmargin 他们的作用分别是：非链接文字的颜色；可连接文字的颜色；正被点击的可链接文字的颜色； 已被点击的可链接的文字的颜色；页面左侧的留白；页面顶部的留白。 语法格式： <body text="color" link="color" alink="color" vlink="color"> <body leftmargin="value" topmargin="value"> BODY 实例如右所示： 说明：对于 link 这样的属性，大多数 html 的页面已经不使用这样的用法了。现在多数 是在 head 中加入相应的代码。要达到的效 果是鼠标放到有链接的字体上时，字体变 色，点击后字体变为灰色。具体方法如下： A:link {color:#00007f;} A:visited {color:#65038e;} A:active {color:#ff0000;} A:hover {color:#ff0000;} 将这段代码加入到 head 中，在 body 中加入有链接的文字，就可以看出效果了。这一部分是属 于 css 中的知识。 Align 属性(三种选择) Left(默认值) 文字左对齐 Center 文字居中对齐 Right 文字据右对齐 bgcolor 背景色 background 背景图案 text 文本颜色 link 链 接 文字 颜 色 alink 活 动链 接 文 字 颜色 vlink 已 访 问 链 接文 字 颜 色 leftmargin 页面左侧的留白距离 topmargin 页面顶部的留白距离 <html> <head> <title>body 元素示例</title> </head> <body bgcolor="#ff0000" text="#ffff00" leftmargin="100"> <p>这里显示 body 的示例。</p> </body> </html> <html><head><title>Align 属性</title></head><body bgcolor="#ffffff"> <h1 Align="left">文字左对齐</h1><h2 Align="center">文字居中</h2> <h3 Align="right">文字右对齐</h3></body></html>