HTML(4)

让网页变得绚丽一些
1.计算机语言下的颜色描述
   网页的颜色模式是由RGB模式确定的。R,G,B 3个颜色通道都用8位存储器,每个颜色可以有2的8次方,即256个层次,3个颜色通    道加起来一共可以表现1670万种颜色。255相对于十六进制下的FF,然后把三个颜色值依次并列表示出来并 以#开头。                      R=255,G=255,B=255,#FFFFFF,即三色颜色均为最大时,按照三原色理论结果为白色,如果三色颜色均为最小值,#000000,   意味着没有任何颜色,表现出来的是黑色。颜色的表示中不区分大小写,#FFFFFF和#ffffff一样,表示白色
2.让页面绚丽多彩
  a.改变页面背景颜色
   <body style="background-color:...">
   属性可以用颜色值表示,还可以使用标准的Windows颜色名词,有Black,White,Red,Green,Blue,Yellow,Cyan,Purple,

   Gray,Lime,Maroon,Navy,Olive,Silver,Teal。如果了解如何让调色,完全可以使用颜色值尝试自己定义颜色,如#FF0000
   是红色,若希望得到紫红色,那么可以在红色里加上蓝色,数值表示就是#FF00FF
 

 <html>
     <head>
         <title>设置背景颜色</title>
     </head>
     <body style="background-color:Teal">
          <p><strong><h2>设置背景颜色,这里是墨绿色</h2></strong></p>
          <hr>
          哈哈,很漂亮哦
     </body>
  </html>

b.改变页面文本字体颜色
 <body style="color:..."> 或 <p style="color:...">

<html>
     <head>
         <title>设置页面字体颜色</title>
     </head>
     <body style="color:Teal">
          <p><strong><h2>设置背景颜色,这里是墨绿色</h2></strong></p>
          <hr>
          哈哈,很漂亮哦
          <p style="color:Gray">这是灰色</p>
          <p style="color:Silver">这是银色?</p>
     </body>
</html>

3.不同寻常的图像应用
 a.GIF图像(和HTML中放入图片操作一样)
 

<html>
     <head>
         <title>添加动图</title>
     </head>
     <body>
          <p>仔细看哦,我会动</p>
          <img src="file:///C|/Users/NIIT/Desktop/图片/link.gif" alt="图片未找到"/>
     </body>
</html>

猜你喜欢

转载自blog.csdn.net/yx970326/article/details/81080398