网站首页 | 图形处理 | 网页设计 | 编程学习 | 操作系统学习 | 办公软件学习 | 常用软件学习 | 视频教程 | 设计作品欣赏| IT认证 | 设计素材下载 | 常用软件下载


 html语言教程


html语言教程

 

这一次我给大家介绍html语言教程中的body的部分用法。

大家从各大门户网站的主页上就可以看出,body部分占据了大部分的代码。可见body是一个网页代码的绝对主要部分。body是由<body>开始,由</body>结束。下面我们看一下body部分的元素:

元素

描述

bgcolor 背景色
background 背景图案
text 文本颜色
link 链接文字颜色
alink 活动链接文字颜色
vlink 已访问链接文字颜色
leftmargin 页面左侧的留白距离
topmargin 页面顶部的留白距离

下面介绍各个部分的功能及用法:

   bgcolor:

bgcolor用于指定页面的背景颜色。在Microsoft公司的IE浏览器中,默认情况下是白色,Netscape公司的Navigator浏览器的默认情况是灰色。

语法格式:

<body bgcolor="颜色值">

   background:

background属性用于指定页面的背景图案。

语法格式:

<body background="URL">

   下面介绍几种文字的属性,可以改变文字的颜色,以及在页面上留出空白:

text  link  alink  vlink leftmargin topmargin

他们的作用分别是:非链接文字的颜色;可连接文字的颜色;正被点击的可链接文字的颜色;已被点击的可链接的文字的颜色;页面左侧的留白;页面顶部的留白。

语法格式:

<body text="color" link="color" alink="color" vlink="color">

<body leftmargin="value" topmargin="value">

示例:

<html>

<head>

<title>body元素示例</title>

</head>

<body bgcolor="#ff0000" text="#ffff00" leftmargin="100">

<p>这里显示body的示例。</p>

</body>

</html>

说明:对于link这样的属性,大多数html的页面已经不使用这样的用法了。现在多数是在head中加入相应的代码。要达到的效果是鼠标放到有链接的字体上时,字体变色,点击后字体变为灰色。具体方法如下:

A:link {color:#00007f;}
A:visited {color:#65038e;}
A:active {color:#ff0000;}
A:hover {color:#ff0000;}

将这段代码加入到head中,在body中加入有链接的文字,就可以看出效果了。这一部分是属于css中的知识。在body中加入有链接的文字:在Dreamweaver中,选定文字后,在下面的Properties中的link中加入想要链接到的页面的地址。在FrontPage中,选定文字后,点击右键就会有相应的选项。

 

上一页  [1] [2] [3] [4] [5] [6] 下一页



  • 上一篇教程:
  • 下一篇教程:

  •  
    推荐

    最新
    · Frontpage2000中定义CSS…
    · FrontPage制作鼠标光照特…
    · Frontpage2000教程---插…
    · FrontPage基础教程 表单…
    · Frontpage网页设计---制…
    · FrontPage转换图片格式
    · Frontpage技巧
    · Frontpage制作网页特效
    · frontpage教程---网页 样…
    · frontpage2002技巧之二

     

    没有任何图片教程



    本站提供大量Photoshop照片处理,语言编程,网页设计制作,windows系统等软件在线实例教程,欢迎你投稿你的设计作品.lhy514251@163.com

    粤ICP备06081596