网页中的颜色有三种表示方法

  • 颜色单词:blue、green、red、yellow
  • 10进制表示:rgb(255,0,0)、rgb(0,255,0)、rgb(0,0,255)
  • 16进制表示:#ff0000、#00ff00、#0000ff

自然界中,所有颜色都可以用三种光的不同波长混合而成。这三种光就是红光、绿光、蓝光。

在计算机中,每个基色,用8位二进制(2^8=256)’,那么RGB共可以表示256*256*256=1670万色。

用16进制表示颜色时:用2位十六进制代表1位基色

颜色单词:red             green            blue

10进制:rgb(255,0,0)          rgb(0,255,0)           rgb(0,0,255)           rgb(255,255,0)

16进制:#ff0000         #00ff00          #0000ff

注意:10进制兼容性不好,尽量少用。10进制颜色表示常用于CSS做文字透明显示。

计算机进制(了解)

所谓“进制”就是一种“进位制”,“逢X进一”;

计算机只能识别二进制的东西,二进制也就是“机器语言”;

计算机中的磁盘上的文件、内存中运行的数据,都是以“二进制”形式存在的。

如:11101000001010010010

10进制:有10个基本数字0、1、2、3、4、5、6、7、8、9,运算规则“逢10进1”;如:9+1=10

2进制:有2个基本数字0、1,运算规则:逢二进一:如:(101)2+(1)2=(110)2

8进制:有8个基本数字0、1、2、3、4、5、6、7,逢八进一:如:(677)8+(1)8=700(8)

8进制可以很好的反应二进制,也就是:八进制和二进制之间转换非常容易。

转换规则:1位8进制数,代表3位二进制。

例如:(110101100)2转成八进制

16进制:有16个基本数字0、1、2、3、4、5、6、7、8、9、A(10)、B、C、D、E、F(15)

运算规则:逢16进1。如(A2F)16+1=(A30)16

也是因为二进制太长了,不方便记忆,因此有了16进制。

16进制和2进制之间,也有很好的对用关系

转换规则:1位16进制,代表4位2进制

例如:(A0F)16 转成二进制(1010 0000 1111)2

10进制

0

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

8进制

0

1

2

3

4

5

6

7

10

11

12

13

14

15

16

17

20

21

16进制

0

1

2

3

4

5

6

7

8

9

A

B

C

D

E

F

10

11

2进制

0

1

10

11

100

101

110

111

1000

1001

1010

1011

1100

1101

1110

1111

10000

10001

锚点链接

  • 含义:锚点链接,是在一个网页的不同区域进行跳转。锚点理解为“定义记号”。
  • 定义锚点(作个记号):<a name=”锚点名称”> </a>

锚点名称的命名规则:可以包含字母、下划线,但只能以字母开头。

注意:<a>和</a>之间没有内容,换句话说:这个记号不是让我们看的,而是给链接用的。

例如:<a name=“top2”></a>

  • 跳转到锚点(记号):

语法:<a href=”文件名#锚点名称”>………</a>

文件名:可有可无,如果是同一个网页的不同部分跳转,不需要文件名;如果是跳到另一个网页的不同部分,这时必须要有文件名。

注意:这里的<a>和</a>要有内容,否则,无法进行跳转。

例如:<a href=“#top2”>返回顶部</a>  //跳转到同一个网页的不同部分

例如:<a href=”news.html#bottom”>返回底部</a>  //跳转到news.html文件的底部

HTML笔记02的更多相关文章

  1. 软件测试之loadrunner学习笔记-02集合点

    loadrunner学习笔记-02集合点 集合点函数可以帮助我们生成有效可控的并发操作.虽然在Controller中多用户负载的Vuser是一起开始运行脚本的,但是由于计算机的串行处理机制,脚本的运行 ...

  2. 《30天自制操作系统》笔记(02)——导入C语言

    <30天自制操作系统>笔记(02)——导入C语言 进度回顾 在上一篇,记录了计算机开机时加载IPL程序(initial program loader,一个nas汇编程序)的情况,包括IPL ...

  3. 《The Linux Command Line》 读书笔记02 关于命令的命令

    <The Linux Command Line> 读书笔记02 关于命令的命令 命令的四种类型 type type—Indicate how a command name is inter ...

  4. 强化学习读书笔记 - 02 - 多臂老O虎O机问题

    # 强化学习读书笔记 - 02 - 多臂老O虎O机问题 学习笔记: [Reinforcement Learning: An Introduction, Richard S. Sutton and An ...

  5. JS自学笔记02

    JS自学笔记02 1.复习 js是一门解释性语言,遇到一行代码就执行一行代码 2.查阅mdn web文档 3.提示用户输入并接收,相比之下,alert只有提示的作用: prompt(字符串) 接收: ...

  6. 机器学习实战(Machine Learning in Action)学习笔记————02.k-邻近算法(KNN)

    机器学习实战(Machine Learning in Action)学习笔记————02.k-邻近算法(KNN) 关键字:邻近算法(kNN: k Nearest Neighbors).python.源 ...

  7. CS229 笔记02

    CS229 笔记02 公式推导 $ {\text {For simplicity, Let }} A, B, C \in {\Bbb {R}}^{n \times n}. $ ​ $ {\bf {\t ...

  8. OpenCV 学习笔记 02 使用opencv处理图像

    1 不同色彩空间的转换 opencv 中有数百种关于不同色彩空间的转换方法,但常用的有三种色彩空间:灰度.BRG.HSV(Hue-Saturation-Value) 灰度 - 灰度色彩空间是通过去除彩 ...

  9. ASP.NET Identity 2集成到MVC5项目--笔记02

    ASP.NET Identity 2集成到MVC5项目--笔记01 ASP.NET Identity 2集成到MVC5项目--笔记02 继上一篇,本篇主要是实现邮件.用户名登陆和登陆前邮件认证. 1. ...

  10. SaToken学习笔记-02

    SaToken学习笔记-02 如果排版有问题,请点击:传送门 常用的登录有关的方法 - StpUtil.logout() 作用为:当前会话注销登录 调用此方法,其实做了哪些操作呢,我们来一起看一下源码 ...

随机推荐

  1. StartDT AI Lab | 数据增强技术如何实现场景落地与业务增值?

    有人说,「深度学习“等于”深度卷积神经网络算法模型+大规模数据+云端分布式算力」.也有人说,「能够在业内叱咤风云的AI都曾“身经百战”,经历过无数次的训练与试错」.以上都需要海量数据做依托,对于那些数 ...

  2. @interface 注解详解

    转:http://www.cnblogs.com/xdp-gacl/p/3622275.html 只为成功找方法,不为失败找借口! Java基础加强总结(一)——注解(Annotation) 一.认识 ...

  3. 有关于i++,i=i++等符号的笔记

    最近在看一些基础知识,发现自己以前忽略掉了很多东西,而这些东西恰恰是面试笔试中最常考到的 1.i=i+1 这个是最简单,最明了的一个表达式 2.有关于i++和++i的区别 i++和++i都是代表i=i ...

  4. HDU-4614 Vases and Flowers(线段树区间更新+二分查找)

    http://acm.hdu.edu.cn/showproblem.php?pid=4614 Time Limit: 4000/2000 MS (Java/Others)    Memory Limi ...

  5. [LC] 1007. Minimum Domino Rotations For Equal Row

    In a row of dominoes, A[i] and B[i] represent the top and bottom halves of the i-th domino.  (A domi ...

  6. 【更新中】Hotspot tracer

    Hotspot Follower 闲着没事,打算做一个爬取社会热点的项目,首先通过微信搜狗进行分析. 代码基于PYTHON import requests import json def page(s ...

  7. Redis为什么这么快以及持久化机制

    1.首先我们谈一下为什么Redis快: 一. Redis是纯内存数据库,一般都是简单的存取操作,线程占用的时间很多,时间的花费主要集中在IO上,所以读取速度快. 二. 再说一下IO,Redis使用的是 ...

  8. 学习python-20191230(1)-Python Flask高级编程开发鱼书_第04章_应用、蓝图与视图函数

    视频06: 1.自动导包快捷键——默认为alt + enter 键组合          选中的字符由小写变为大写——Ctrl + Shift + U键组合 2.DataRequired()——防止用 ...

  9. [LC] 442. Find All Duplicates in an Array

    Given an array of integers, 1 ≤ a[i] ≤ n (n = size of array), some elements appear twice and others ...

  10. pycharm中无法调用pip的安装包

    https://blog.csdn.net/sinat_23619409/article/details/79962518 较详细:https://blog.csdn.net/weixin_41287 ...