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

  • 颜色单词: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. C++中free()与delete的区别

    1.new/delete是C++的操作符,而malloc/free是C中的函数. 2.new做两件事,一是分配内存,二是调用类的构造函数:同样,delete会调用类的析构函数和释放内存.而malloc ...

  2. js几个常用的弹层

    js弹层技术很常见,自己每次用上网找,一找一大堆. 对比了几种,考虑通用性和易用性,这里记录两个. jQueryUI的http://jqueryui.com/dialog/#modal-form ar ...

  3. Java分层架构的使用规则

    原文章引用地址:http://blog.csdn.net/ygzk123/article/details/7816511 三层结构的程序不是说把项目分成DAL, BLL, WebUI三个模块就叫三层了 ...

  4. J. Stone game(背包问题)

    题:https://nanti.jisuanke.com/t/41420 定义 dp[x][y] 表示第 x 个数到最后一个数能组成和为 y 的方案数 #include<bits/stdc++. ...

  5. android geendao简单使用

    引入依赖 implementation 'org.greenrobot:greendao:3.2.2'implementation 'com.github.yuweiguocn:GreenDaoUpg ...

  6. 安装Rational Rose启动报错:无法启动此程序,因为计算机中丢失 suite objects.dll。

    运行Rational Rose的时候如果出现这样的错误,先检查环境变量有没有common的地址,如果没有直接配上就OK:配置如下:D:\Program Files\Rational\Common; 我 ...

  7. [LC] 58. Length of Last Word

    Given a string s consists of upper/lower-case alphabets and empty space characters ' ', return the l ...

  8. 吴裕雄--天生自然 JAVASCRIPT开发学习:对象 实例(3)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  9. JVM简述

    JVM的东西太多了,我们刚开始学java的时候,就会接触堆.栈,还有方法区,因为我们要知道new出来的对象放在哪里,局部变量放在哪里,static修饰的变量放在哪里. 我从网上截一个图: 这里有三大部 ...

  10. 对Java8新的日期时间类的学习(二)

    示例11 在Java中如何判断某个日期是在另一个日期的前面还是后面 这也是实际项目中常见的一个任务.你怎么判断某个日期是在另一个日期的前面还是后面,或者正好相等呢?在Java 8中,LocalDate ...