转自：https://i.cnblogs.com/posts?categoryid=1121494

您是否老觉得网页「空空的」，没错！一个可能是我们还没有很多内容，另一个可能则是我们还没有设定网页背景。网页背景有这么神奇的功效吗？当然，网页背景是整个网页设计重要的一环，一个设计精美的网站，莫不费尽心思，让网页背景能够和前景图文相结合，做出网页整体感的效果。
【背景卷标】
说穿了，背景卷标只有<BODY>这个卷标，其余的效果，只要加上一些简单的属性便可做到。

1. 使用方法：<body bgcolor=#ffffff background=bg.jpg>

2. 卷标解说：这个卷标其实应该老早就要讲了，毕竟它是构成网页不可或缺的基本要素之一（哎哎哎...现在放马后炮有什么用！）。我们背景颜色或图片的设定以及连结字体的颜色，通通都放在<body>这卷标里面。工友就其属性来一一解说：

背景颜色 用法：<body bgcolor=颜色码>设定背景颜色。有人会说：『我已经设定了背景图片，那背景颜色还有用吗？』当然有用！当使用者连结到贵站时，若背景图案还没传输完之前（有的背景图蛮大的），就会先显现背景颜色，您说，是不是比一片灰灰的好看多了呢！
原始码 <html>
<head>
<title>这是标题</title>
</head> 
<body bgcolor=#f9e6a2>
这里是本文区 
</body>
</html>
呈现结果
背景图片 用法：<body background=图文件名称、路径>g设定背景图案。图档可以是jpg或gif格式的图档，工友建议：图档不要太大，否则网页加载会蛮慢的。
原始码 <html>
<head>
<title>这是标题</title>
</head>
<body background=bg.jpg>
这里是本文区
</body>
</html>
呈现结果

【内文、连结文字颜色设定】
1. 使用方法：<body text=#000000 link=#0000ff vlink=#ff00ff alink=#ff0000>

2. 卷标解说：用字体卷标中的颜色属性，可以设定文字的颜色，不过，却没有提到文字的颜色内定值该如何修改，这个<body>卷标中，便有设定内文、连结等文字的颜色内定值功能。用法如下：

內文颜色 用法：<body text=颜色码>设定一般文字颜色，也就是说，若没有特别去设定文字颜色的话，浏览器就会自动显现您所设定的颜色。
原始码 <html>
<head>
<title>这是标题</title>
</head>
<body text=#0906a2>
这里是文本区
</body>
</html>
呈现结果 这里是文本区

　

连接颜色 用法：<body link=颜色码>设定「连结」的颜色。只要是有连结的地方就会出现你指定的颜色，当然，如果按下连结后，那又会变成另一个颜色了，这底下会说明。
原始码 <html>
<head>
<title>这是标题</title>
</head>
<body link=#ff6600>
<a href=http://www.wrclub.net>连结文字</a>
</body>
</html>
呈现结果 连结文字
连结时颜色 用法：<body alink=颜色码>设定「按下连结」的颜色，也就是当您鼠标按下那连结的瞬间所呈现的颜色。
原始码 <html>
<head>
<title>这是标题</title>
</head>
<body alink=#0099ff>
<a href=http://www.wrclub.net>连结中文字</a>
</body>
</html>
呈现结果 连结中文字（这个效果请大家在自己的电脑上试验！鼠标点下连结瞬间才会出现我们设定的浅蓝色）
已连结顏色 用法：<body vlink=颜色码>设定「按下链接后」的颜色，也就是如果该连结已经有被按过了，那么就会呈现的颜色。如此的做法，是要让使用者容易识别到底哪些连结有去过了，哪些没去过。
原始码 <html>
<head>
<title>这是标题</title>
</head>
<body vlink=red>
<a href=http://www.wrclub.net>连结文字</a>
</body>
</html>
呈现结果 连结中文字（这个效果请大家在自己的电脑上试验！设定已执行过的连结以红色显示）

HTML基础第十一讲---背景标志的更多相关文章

  1. Stanford机器学习---第十一讲.异常检测

    之前一直在看Standford公开课machine learning中Andrew老师的视频讲解https://class.coursera.org/ml/class/index 同时配合csdn知名 ...

  2. Bootstrap <基础三十一>插件概览

    在前面布局组件中所讨论到的组件仅仅是个开始.Bootstrap 自带 12 种 jQuery 插件,扩展了功能,可以给站点添加更多的互动.即使不是一名高级的 JavaScript 开发人员,也可以着手 ...

  3. Bootstrap <基础二十一>徽章（Badges）

    Bootstrap 徽章(Badges).徽章与标签相似,主要的区别在于徽章的边角更加圆滑. 徽章(Badges)主要用于突出显示新的或未读的项.如需使用徽章,只需要把 <span class= ...

  4. Linux基础知识第九讲,linux中的解压缩,以及软件安装命令

    目录 Linux基础知识第九讲,linux中的解压缩,以及软件安装命令 一丶Linux Mac Windows下的压缩格式简介 2.压缩以及解压缩 3.linux中的软件安装以及卸载 1.apt进行安 ...

  5. Java12-java语法基础（十一）继承

    Java12-java语法基础(十一)继承 一.继承 学习要求: 1. 理解继承的概念与作用 2. 掌握继承的实现机制 3.理解继承中的覆写与覆盖 4.掌握super关键字的使用 回顾: 1.对客观世 ...

  6. C语言第十一讲,预处理命令.

    C语言第十一讲,预处理命令. 一丶预处理简介 什么是预处理,预处理就是预先处理. 我们知道,程序会经过编译,连接形成可执行文件 这些在编译之前对源文件进行简单加工的过程,就称为预处理(即预先处理.提前 ...

  7. C#基础入门 十一

    C#基础入门 十一 复选框 复选框的应用--问卷调查 实现描述:通过问卷调查统计性别和下班后回家的方式,单击"提交"按钮,通过消息框显示所提交的信息.运行结果如下图所示(图27): ...

  8. Java 多线程基础（十一）线程优先级和守护线程

    Java 多线程基础(十一)线程优先级和守护线程 一.线程优先级 Java 提供了一个线程调度器来监控程序启动后进去就绪状态的所有线程.线程调度器通过线程的优先级来决定调度哪些线程执行.一般来说,Ja ...

  9. HTML基础第十二讲---链接标志

    转自:https://i.cnblogs.com/posts?categoryid=1121494 没有链接,WWW将失去存在的意义!WWW之所以受欢迎,乃在于她除了有精美的图文之外,更有方便且多样化 ...

随机推荐

  1. C++中explicit关键字作用

    explicit是c++中不太常用的一个关键字,其作用是用于修饰构造函数,告诉编译器定义对象时不做隐式转换. 举例说明: include <iostream> include <st ...

  2. vue 指令的用法

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. JS之字符串和数组

    字符串: 属性: length:可以获取字符串的长度: <script type="text/javascript"> var str = "haha&quo ...

  4. 【Docker入门】

    目录 Linux容器 Docker的优势 Docker三大概念 安装使用Docker 补充知识 [Docker入门] 发布文章 "qq_41964425" @ *** 所谓Dock ...

  5. HDU 2883 kebab

    kebab Time Limit: 1000ms Memory Limit: 32768KB This problem will be judged on HDU. Original ID: 2883 ...

  6. nyoj 214 单调递增子序列(二) 【另类dp】

    单调递增子序列(二) 时间限制:1000 ms  |  内存限制:65535 KB 难度:4 描写叙述 ,a2...,an}(0<n<=100000),找出单调递增最长子序列.并求出其长度 ...

  7. [Zabbix] 怎样实现邮件报警通知以及免费短信报警通知

     前提条件: (1) zabbixserver端已经安装成功而且执行. (2) zabbixclient已经成功建立而且执行. 1 下载而且安装msmtp软件 Wget http://sourcefo ...

  8. HDU 5375 Gray code（DP）

    题意:给一串字符串,里面可能出现0,1,?,当中问号可能为0或1,将这个二进制转换为格雷码后,格雷码的每位有一个权值,当格雷码位取1时.加上该位权值,求最大权值和为多少. 分析:比赛的时候愚了.竟然以 ...

  9. Unityclient通信測试问题处理（一）

    Unityclient通信測试问题处理(一) 近期在測试程序的通信模块时.遇到了一个问题:Unity的API函数仅仅能在主线程中调用.而作为client程序,我单独启用了一个监听线程来接收服务端发送的 ...

  10. 目标决定人生——没有目标就失去一切 （没有目标的奋斗是浪费青春，比如交了钱却不去参加考试、让时间白白溜走。根据目标与定位来选择最合适的企业。人生要算总账）good

    没有目标就失去一切 刚毕业那会儿,幼稚得可笑,老跟同学打电话,明面上聊聊近况,暗地里比较.你要比我工资多一百块,心里特不平衡,凭什么呀,在学校那会儿公认的我比你强.你要带个头衔,而我啥也不是,普通员工 ...