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

  • 颜色单词: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. E - Ingredients 拓扑排序+01背包

    题源:https://codeforces.com/gym/101635/attachments 题意: n行,每行给定字符串s1,s2,s3代表一些菜谱名.s2和s3是煮成是的必要条件,然后给出c和 ...

  2. 使用DataSnap Server环境搭建注意的问题。

    1.Data exploer 的MYSQL文件(Libmysql.dll)放到系统的system32目录即可

  3. vim 复制 单个 单词: 移动光标到单词词首,快速摁 yw

    vim 复制 单个 单词:   移动光标到单词词首,快速摁 yw

  4. log4j日志配置和使用

    一.日志配置变量参数说明 1. 日志设置说明:# log4j.rootLogger = debug,stdout,D,E# 等号之后的值表示appender对象,每个apperder对象表示一个日志输 ...

  5. 二十四、SSH介绍

    1.ssh介绍: SSH先对联机数据包通过加密技术进行加密处理,加密后在进行数据传输,确保了传递的数据安全.(运维的一大重视点就是要对安全敏感) 在当前的生产环境运维工作中,绝大多数企业都是SSH协议 ...

  6. 研究NLP100篇必读的论文---已整理可直接下载

    100篇必读的NLP论文 100 Must-Read NLP 自己汇总的论文集,已更新 链接:https://pan.baidu.com/s/16k2s2HYfrKHLBS5lxZIkuw 提取码:x ...

  7. Dangal 观影感受,(摘录)

    ===================================================================================== 引用: https://ww ...

  8. vue element 关闭当前tab 跳转到上一路由

    方法一 this.$store.dispatch('delVisitedViews', this.$route); this.$router.go(-1); 方法二 this.$store.state ...

  9. testNG报告优化,testNG-xslt

    一.在使用testNG自动化框架执行测试用例后,会自动生成HTML的测试报告,但是过于简单,信息展示极少,也没有图表说明,所有我们使用testNG-xslt进行美化. 二.具体实现步骤: 1.在网站下 ...

  10. Java中的注意点

    1.源文件以.java结束,源文件的基本组成部分是类(class) 2.每个源文件只能有一个public类,源文件名必须和该类的类名一致 3.每个Java程序的执行入口都是main()方法,固定写法为 ...