HTML基础第十一讲---背景标志
转自: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基础第十一讲---背景标志的更多相关文章
- Stanford机器学习---第十一讲.异常检测
之前一直在看Standford公开课machine learning中Andrew老师的视频讲解https://class.coursera.org/ml/class/index 同时配合csdn知名 ...
- Bootstrap <基础三十一>插件概览
在前面布局组件中所讨论到的组件仅仅是个开始.Bootstrap 自带 12 种 jQuery 插件,扩展了功能,可以给站点添加更多的互动.即使不是一名高级的 JavaScript 开发人员,也可以着手 ...
- Bootstrap <基础二十一>徽章(Badges)
Bootstrap 徽章(Badges).徽章与标签相似,主要的区别在于徽章的边角更加圆滑. 徽章(Badges)主要用于突出显示新的或未读的项.如需使用徽章,只需要把 <span class= ...
- Linux基础知识第九讲,linux中的解压缩,以及软件安装命令
目录 Linux基础知识第九讲,linux中的解压缩,以及软件安装命令 一丶Linux Mac Windows下的压缩格式简介 2.压缩以及解压缩 3.linux中的软件安装以及卸载 1.apt进行安 ...
- Java12-java语法基础(十一)继承
Java12-java语法基础(十一)继承 一.继承 学习要求: 1. 理解继承的概念与作用 2. 掌握继承的实现机制 3.理解继承中的覆写与覆盖 4.掌握super关键字的使用 回顾: 1.对客观世 ...
- C语言第十一讲,预处理命令.
C语言第十一讲,预处理命令. 一丶预处理简介 什么是预处理,预处理就是预先处理. 我们知道,程序会经过编译,连接形成可执行文件 这些在编译之前对源文件进行简单加工的过程,就称为预处理(即预先处理.提前 ...
- C#基础入门 十一
C#基础入门 十一 复选框 复选框的应用--问卷调查 实现描述:通过问卷调查统计性别和下班后回家的方式,单击"提交"按钮,通过消息框显示所提交的信息.运行结果如下图所示(图27): ...
- Java 多线程基础(十一)线程优先级和守护线程
Java 多线程基础(十一)线程优先级和守护线程 一.线程优先级 Java 提供了一个线程调度器来监控程序启动后进去就绪状态的所有线程.线程调度器通过线程的优先级来决定调度哪些线程执行.一般来说,Ja ...
- HTML基础第十二讲---链接标志
转自:https://i.cnblogs.com/posts?categoryid=1121494 没有链接,WWW将失去存在的意义!WWW之所以受欢迎,乃在于她除了有精美的图文之外,更有方便且多样化 ...
随机推荐
- Docker安装配置教程
Docker公开课 1 Docker介绍 1.1 Docker是什么 云计算\云服务 IAAS(基础设施即服务).PAAS(平台即服务).SAAS(软件即服务) Docker到底是什么呢? Docke ...
- VMware下最小化安装centos 7 后上网设置
1.文件/etc/sysconfig/network-scripts/ifcfg-eno16777736 将ONBOOT=no 改为 ONBOOT=yes 保存 2.重启网卡:service netw ...
- React开发实时聊天招聘工具 -第六章 登陆注册(2)
1.bodyParser和cookieParser: const bodyParser = require('body-parser') const cookieParser = require( ...
- box-shadow制作各种单边,多边阴影
一.box-shadow问题探究 box-shadow 在MDN定义以及详解: box-shadow 以由逗号分隔的列表来描述一个或多个阴影效果.该属性让你可以对几乎所有元素的边框产生阴影.如果元素同 ...
- PHP读取txt文件到数据库
<?PHP$txt=$C->SITE_URL.'images/my.txt';$row = file($txt); //读出文件中内容到一个数组当中 $num=0;//统计表中的记录数 f ...
- jq 克隆 移除table
function addRow2(node){ var obj = $("tr[name='info']:last"); var objClone = $(obj).clone() ...
- 【2017 Multi-University Training Contest - Team 1 1001】Add More Zero
[Link]: [Description] 让你求最大的k; 使得 10^k<=2^m-1 [Solution] 求出2^m-1的位数就好; [lg(2^m-1)] = lg(2^m) = m* ...
- Codeforces 240E. Road Repairs 最小树形图+输出路径
最小树形图裸题,只是须要记录路径 E. Road Repairs time limit per test 2 seconds memory limit per test 256 megabytes i ...
- 【剑指offer】Q25:二叉树中和为某一值的路径
说明:最烦的就是看别人的博客,题解里直接上代码,一行分析都没有.只是这个题... class BTNode(): def __init__(self, val = -1): self.val = va ...
- 转:关于ios 推送功能的终极解决
刚刚做了一个使用推送功能的应用 遇到了一些问题整的很郁闷 搞了两天总算是弄明白了 特此分享给大家 本帖 主要是针对产品发布版本的一些问题 综合了网上一些资料根据自己实践写的 不过测试也可以看看 首先要 ...