HTML笔记02
<html>
<body>
<p>网页中的颜色有三种表示方法</p>
<ul>
<li>颜色单词：blue、green、red、yellow</li>
<li>10进制表示：#ff0000、#00ff00、#0000ff</li>
<li>16进制表示：#ff0000、#00ff00、#0000ff</li>
</ul>
<p> </p>
<p>自然界中，所有颜色都可以用三种光的不同波长混合而成。这三种光就是红光、绿光、蓝光。</p>
<p>在计算机中，每个基色，用8位二进制（2^8=256）’，那么RGB共可以表示256*256*256=1670万色。</p>
<p>用16进制表示颜色时：用2位十六进制代表1位基色</p>
<p> </p>
<p> 颜色单词：red green blue</p>
<p> 10进制：#ff0000 #00ff00 #0000ff #ffff00</p>
<p> 16进制：#ff0000 #00ff00 #0000ff</p>
<p>注意：10进制兼容性不好，尽量少用。10进制颜色表示常用于CSS做文字透明显示。</p>
<p> </p>
<p>n <strong>计算机进制（了解）</strong></p>
<p>所谓“进制”就是一种“进位制”，“逢X进一”；</p>
<p>计算机只能识别二进制的东西，二进制也就是“机器语言”；</p>
<p>计算机中的磁盘上的文件、内存中运行的数据，都是以“二进制”形式存在的。</p>
<p>如：11101000001010010010</p>
<p> </p>
<p>10进制：有10个基本数字0、1、2、3、4、5、6、7、8、9，运算规则“逢10进1”；如：9+1=10</p>
<p>2进制：有2个基本数字0、1，运算规则：逢二进一：如：（101）2+（1）2=（110）2</p>
<p>8进制：有8个基本数字0、1、2、3、4、5、6、7，逢八进一：如：（677）8+（1）8=700（8）</p>
<p> 8进制可以很好的反应二进制，也就是：八进制和二进制之间转换非常容易。</p>
<p> 转换规则：1位8进制数，代表3位二进制。</p>
<p> 例如：（110101100）2转成八进制</p>
<p>16进制：有16个基本数字0、1、2、3、4、5、6、7、8、9、A（10）、B、C、D、E、F（15）</p>
<p> 运算规则：逢16进1。如（A2F）16+1=（A30）16</p>
<p> 也是因为二进制太长了，不方便记忆，因此有了16进制。</p>
<p> 16进制和2进制之间，也有很好的对用关系</p>
<p> 转换规则：1位16进制，代表4位2进制</p>
<p> 例如：（A0F）16 转成二进制（1010 0000 1111）2</p>
<p> </p>
<table border=”1″ cellspacing=”0″ cellpadding=”0″>
<tbody>
<tr>
<td valign=”top”>
<p>10进制</p>
</td>
<td valign=”top”>
<p>0</p>
</td>
<td valign=”top”>
<p>1</p>
</td>
<td valign=”top”>
<p>2</p>
</td>
<td valign=”top”>
<p>3</p>
</td>
<td valign=”top”>
<p>4</p>
</td>
<td valign=”top”>
<p>5</p>
</td>
<td valign=”top”>
<p>6</p>
</td>
<td valign=”top”>
<p>7</p>
</td>
<td valign=”top”>
<p>8</p>
</td>
<td valign=”top”>
<p>9</p>
</td>
<td valign=”top”>
<p>10</p>
</td>
<td valign=”top”>
<p>11</p>
</td>
<td valign=”top”>
<p>12</p>
</td>
<td valign=”top”>
<p>13</p>
</td>
<td valign=”top”>
<p>14</p>
</td>
<td valign=”top”>
<p>15</p>
</td>
<td valign=”top”>
<p>16</p>
</td>
<td valign=”top”>
<p>17</p>
</td>
</tr>
<tr>
<td valign=”top”>
<p>8进制</p>
</td>
<td valign=”top”>
<p>0</p>
</td>
<td valign=”top”>
<p>1</p>
</td>
<td valign=”top”>
<p>2</p>
</td>
<td valign=”top”>
<p>3</p>
</td>
<td valign=”top”>
<p>4</p>
</td>
<td valign=”top”>
<p>5</p>
</td>
<td valign=”top”>
<p>6</p>
</td>
<td valign=”top”>
<p>7</p>
</td>
<td valign=”top”>
<p>10</p>
</td>
<td valign=”top”>
<p>11</p>
</td>
<td valign=”top”>
<p>12</p>
</td>
<td valign=”top”>
<p>13</p>
</td>
<td valign=”top”>
<p>14</p>
</td>
<td valign=”top”>
<p>15</p>
</td>
<td valign=”top”>
<p>16</p>
</td>
<td valign=”top”>
<p>17</p>
</td>
<td valign=”top”>
<p>20</p>
</td>
<td valign=”top”>
<p>21</p>
</td>
</tr>
<tr>
<td valign=”top”>
<p>16进制</p>
</td>
<td valign=”top”>
<p>0</p>
</td>
<td valign=”top”>
<p>1</p>
</td>
<td valign=”top”>
<p>2</p>
</td>
<td valign=”top”>
<p>3</p>
</td>
<td valign=”top”>
<p>4</p>
</td>
<td valign=”top”>
<p>5</p>
</td>
<td valign=”top”>
<p>6</p>
</td>
<td valign=”top”>
<p>7</p>
</td>
<td valign=”top”>
<p>8</p>
</td>
<td valign=”top”>
<p>9</p>
</td>
<td valign=”top”>
<p>A</p>
</td>
<td valign=”top”>
<p>B</p>
</td>
<td valign=”top”>
<p>C</p>
</td>
<td valign=”top”>
<p>D</p>
</td>
<td valign=”top”>
<p>E</p>
</td>
<td valign=”top”>
<p>F</p>
</td>
<td valign=”top”>
<p>10</p>
</td>
<td valign=”top”>
<p>11</p>
</td>
</tr>
<tr>
<td valign=”top”>
<p>2进制</p>
</td>
<td valign=”top”>
<p>0</p>
</td>
<td valign=”top”>
<p>1</p>
</td>
<td valign=”top”>
<p>10</p>
</td>
<td valign=”top”>
<p>11</p>
</td>
<td valign=”top”>
<p>100</p>
</td>
<td valign=”top”>
<p>101</p>
</td>
<td valign=”top”>
<p>110</p>
</td>
<td valign=”top”>
<p>111</p>
</td>
<td valign=”top”>
<p>1000</p>
</td>
<td valign=”top”>
<p>1001</p>
</td>
<td valign=”top”>
<p>1010</p>
</td>
<td valign=”top”>
<p>1011</p>
</td>
<td valign=”top”>
<p>1100</p>
</td>
<td valign=”top”>
<p>1101</p>
</td>
<td valign=”top”>
<p>1110</p>
</td>
<td valign=”top”>
<p>1111</p>
</td>
<td valign=”top”>
<p>10000</p>
</td>
<td valign=”top”>
<p>10001</p>
</td>
</tr>
</tbody>
</table>
<p> </p>
<p>n <strong>锚点链接</strong></p>
<ul>
<li>含义：锚点链接，是在一个网页的不同区域进行跳转。锚点理解为“定义记号”。</li>
<li>定义锚点（作个记号）：<a name=”锚点名称”> </a></li>
</ul>
<p> 锚点名称的命名规则：可以包含字母、下划线，但只能以字母开头。</p>
<p> 注意：<a>和</a>之间没有内容，换句话说：这个记号不是让我们看的，而是给链接用的。</p>
<p> 例如：<a name=“top2”></a></p>
<ul>
<li>跳转到锚点（记号）：</li>
</ul>
<p> 语法：<a href=”文件名#锚点名称”>………</a></p>
<p> 文件名：可有可无，如果是同一个网页的不同部分跳转，不需要文件名；如果是跳到另一个网页的不同部分，这时必须要有文件名。</p>
<p> 注意：这里的<a>和</a>要有内容，否则，无法进行跳转。</p>
<p> 例如：<a href=“#top2”>返回顶部</a> //跳转到同一个网页的不同部分</p>
<p> 例如：<a href=”news.html#bottom”>返回底部</a> //跳转到news.html文件的底部</p></div><div id=”MySignature”></div>
<div class=”clear”></div>
<div id=”blog_post_info_block”>
<div id=”BlogPostCategory”></div>
<div id=”EntryTag”></div>
<div id=”blog_post_info”>
</div>
<div class=”clear”></div>
<div id=”post_next_prev”></div>
</div>
</body>
</html>
<body>
<p>网页中的颜色有三种表示方法</p>
<ul>
<li>颜色单词：blue、green、red、yellow</li>
<li>10进制表示：#ff0000、#00ff00、#0000ff</li>
<li>16进制表示：#ff0000、#00ff00、#0000ff</li>
</ul>
<p> </p>
<p>自然界中，所有颜色都可以用三种光的不同波长混合而成。这三种光就是红光、绿光、蓝光。</p>
<p>在计算机中，每个基色，用8位二进制（2^8=256）’，那么RGB共可以表示256*256*256=1670万色。</p>
<p>用16进制表示颜色时：用2位十六进制代表1位基色</p>
<p> </p>
<p> 颜色单词：red green blue</p>
<p> 10进制：#ff0000 #00ff00 #0000ff #ffff00</p>
<p> 16进制：#ff0000 #00ff00 #0000ff</p>
<p>注意：10进制兼容性不好，尽量少用。10进制颜色表示常用于CSS做文字透明显示。</p>
<p> </p>
<p>n <strong>计算机进制（了解）</strong></p>
<p>所谓“进制”就是一种“进位制”，“逢X进一”；</p>
<p>计算机只能识别二进制的东西，二进制也就是“机器语言”；</p>
<p>计算机中的磁盘上的文件、内存中运行的数据，都是以“二进制”形式存在的。</p>
<p>如：11101000001010010010</p>
<p> </p>
<p>10进制：有10个基本数字0、1、2、3、4、5、6、7、8、9，运算规则“逢10进1”；如：9+1=10</p>
<p>2进制：有2个基本数字0、1，运算规则：逢二进一：如：（101）2+（1）2=（110）2</p>
<p>8进制：有8个基本数字0、1、2、3、4、5、6、7，逢八进一：如：（677）8+（1）8=700（8）</p>
<p> 8进制可以很好的反应二进制，也就是：八进制和二进制之间转换非常容易。</p>
<p> 转换规则：1位8进制数，代表3位二进制。</p>
<p> 例如：（110101100）2转成八进制</p>
<p>16进制：有16个基本数字0、1、2、3、4、5、6、7、8、9、A（10）、B、C、D、E、F（15）</p>
<p> 运算规则：逢16进1。如（A2F）16+1=（A30）16</p>
<p> 也是因为二进制太长了，不方便记忆，因此有了16进制。</p>
<p> 16进制和2进制之间，也有很好的对用关系</p>
<p> 转换规则：1位16进制，代表4位2进制</p>
<p> 例如：（A0F）16 转成二进制（1010 0000 1111）2</p>
<p> </p>
<table border=”1″ cellspacing=”0″ cellpadding=”0″>
<tbody>
<tr>
<td valign=”top”>
<p>10进制</p>
</td>
<td valign=”top”>
<p>0</p>
</td>
<td valign=”top”>
<p>1</p>
</td>
<td valign=”top”>
<p>2</p>
</td>
<td valign=”top”>
<p>3</p>
</td>
<td valign=”top”>
<p>4</p>
</td>
<td valign=”top”>
<p>5</p>
</td>
<td valign=”top”>
<p>6</p>
</td>
<td valign=”top”>
<p>7</p>
</td>
<td valign=”top”>
<p>8</p>
</td>
<td valign=”top”>
<p>9</p>
</td>
<td valign=”top”>
<p>10</p>
</td>
<td valign=”top”>
<p>11</p>
</td>
<td valign=”top”>
<p>12</p>
</td>
<td valign=”top”>
<p>13</p>
</td>
<td valign=”top”>
<p>14</p>
</td>
<td valign=”top”>
<p>15</p>
</td>
<td valign=”top”>
<p>16</p>
</td>
<td valign=”top”>
<p>17</p>
</td>
</tr>
<tr>
<td valign=”top”>
<p>8进制</p>
</td>
<td valign=”top”>
<p>0</p>
</td>
<td valign=”top”>
<p>1</p>
</td>
<td valign=”top”>
<p>2</p>
</td>
<td valign=”top”>
<p>3</p>
</td>
<td valign=”top”>
<p>4</p>
</td>
<td valign=”top”>
<p>5</p>
</td>
<td valign=”top”>
<p>6</p>
</td>
<td valign=”top”>
<p>7</p>
</td>
<td valign=”top”>
<p>10</p>
</td>
<td valign=”top”>
<p>11</p>
</td>
<td valign=”top”>
<p>12</p>
</td>
<td valign=”top”>
<p>13</p>
</td>
<td valign=”top”>
<p>14</p>
</td>
<td valign=”top”>
<p>15</p>
</td>
<td valign=”top”>
<p>16</p>
</td>
<td valign=”top”>
<p>17</p>
</td>
<td valign=”top”>
<p>20</p>
</td>
<td valign=”top”>
<p>21</p>
</td>
</tr>
<tr>
<td valign=”top”>
<p>16进制</p>
</td>
<td valign=”top”>
<p>0</p>
</td>
<td valign=”top”>
<p>1</p>
</td>
<td valign=”top”>
<p>2</p>
</td>
<td valign=”top”>
<p>3</p>
</td>
<td valign=”top”>
<p>4</p>
</td>
<td valign=”top”>
<p>5</p>
</td>
<td valign=”top”>
<p>6</p>
</td>
<td valign=”top”>
<p>7</p>
</td>
<td valign=”top”>
<p>8</p>
</td>
<td valign=”top”>
<p>9</p>
</td>
<td valign=”top”>
<p>A</p>
</td>
<td valign=”top”>
<p>B</p>
</td>
<td valign=”top”>
<p>C</p>
</td>
<td valign=”top”>
<p>D</p>
</td>
<td valign=”top”>
<p>E</p>
</td>
<td valign=”top”>
<p>F</p>
</td>
<td valign=”top”>
<p>10</p>
</td>
<td valign=”top”>
<p>11</p>
</td>
</tr>
<tr>
<td valign=”top”>
<p>2进制</p>
</td>
<td valign=”top”>
<p>0</p>
</td>
<td valign=”top”>
<p>1</p>
</td>
<td valign=”top”>
<p>10</p>
</td>
<td valign=”top”>
<p>11</p>
</td>
<td valign=”top”>
<p>100</p>
</td>
<td valign=”top”>
<p>101</p>
</td>
<td valign=”top”>
<p>110</p>
</td>
<td valign=”top”>
<p>111</p>
</td>
<td valign=”top”>
<p>1000</p>
</td>
<td valign=”top”>
<p>1001</p>
</td>
<td valign=”top”>
<p>1010</p>
</td>
<td valign=”top”>
<p>1011</p>
</td>
<td valign=”top”>
<p>1100</p>
</td>
<td valign=”top”>
<p>1101</p>
</td>
<td valign=”top”>
<p>1110</p>
</td>
<td valign=”top”>
<p>1111</p>
</td>
<td valign=”top”>
<p>10000</p>
</td>
<td valign=”top”>
<p>10001</p>
</td>
</tr>
</tbody>
</table>
<p> </p>
<p>n <strong>锚点链接</strong></p>
<ul>
<li>含义：锚点链接，是在一个网页的不同区域进行跳转。锚点理解为“定义记号”。</li>
<li>定义锚点（作个记号）：<a name=”锚点名称”> </a></li>
</ul>
<p> 锚点名称的命名规则：可以包含字母、下划线，但只能以字母开头。</p>
<p> 注意：<a>和</a>之间没有内容，换句话说：这个记号不是让我们看的，而是给链接用的。</p>
<p> 例如：<a name=“top2”></a></p>
<ul>
<li>跳转到锚点（记号）：</li>
</ul>
<p> 语法：<a href=”文件名#锚点名称”>………</a></p>
<p> 文件名：可有可无，如果是同一个网页的不同部分跳转，不需要文件名；如果是跳到另一个网页的不同部分，这时必须要有文件名。</p>
<p> 注意：这里的<a>和</a>要有内容，否则，无法进行跳转。</p>
<p> 例如：<a href=“#top2”>返回顶部</a> //跳转到同一个网页的不同部分</p>
<p> 例如：<a href=”news.html#bottom”>返回底部</a> //跳转到news.html文件的底部</p></div><div id=”MySignature”></div>
<div class=”clear”></div>
<div id=”blog_post_info_block”>
<div id=”BlogPostCategory”></div>
<div id=”EntryTag”></div>
<div id=”blog_post_info”>
</div>
<div class=”clear”></div>
<div id=”post_next_prev”></div>
</div>
</body>
</html>
版权声明：本文为meng-blog原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。