HTML(4)

最新推荐文章于 2024-07-19 18:01:01 发布

yx970326

最新推荐文章于 2024-07-19 18:01:01 发布

阅读量317

点赞数

分类专栏： HTML 文章标签：自学总结

HTML 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

让网页变得绚丽一些
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>