注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

OK之家

原创心得 仅供交流 欢迎交友

 
 
 

日志

 
 
关于我

本人是一个电脑网络爱好者,为了自娱自乐,也为了同有心人交流心得,特制作了这个博客,希望能抛砖引玉.更希望能得到大家的帮助,请常来看看,多多指教.

HTML代码学习小结(一)代码简介及顏色代码  

2007-07-05 16:08:25|  分类: 博客网页技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

HTML代码学习小结()

代码简介及顏色代码

一、HTML代码简介

平时所说的代码就是HTML标记。HTML的英文全称是"Hypertext Markup Language",中文译为“超文本标记语言 ”。“超文本”就是指页面内可以包含图片,链接,甚至音乐,程序等非文字的元素。用它编写的文件扩展名是.html.htm,是可供浏览器解释浏览的文件格式。网页就是由HTML语言编写出来的。也就是平常所说的代码。

HTML标记可用记事本、写字板等文本编辑器或FrontPage2003等网页编辑软件来编写,只要在完成后以 .htm .html 为文件后缀保存就成为一个网页了。

二、最基本的代码

首先介绍一些基本代码。除换行符<br>等极少数代码外,绝大多数代码, 通常使用<标记名></标记名>来表示,只要有开头的<>,就要有结尾的</>,中间添上要显现的内容。如<html>表示这是一个网页的开始,</html>表示此网页到此结束;<body>表示正文,</body>是正文的结束,<title></title>标题它之间的文字不是显示在正文中,而是显示在浏览器最上方的标题栏,<p></p>是段落,<div></div>用来排版大块Html段落,与<p></p>相似,<blockquote></blockquote>之间加入的文本显示两边缩进,<dl></dl>是普通的列表(不是表格),<dt></dt><dd></dd>必须放在<dl></dl>之间,显示为它的子项目,等等。

三、顏色代码

顏色代码有表示字体顏色的<font color=>

表示表格背景色的<table bgcolor=>

边框颜色的<table bordercolor=>

边框明亮部分颜色的<table bordercolorlight=>

边框昏暗部分颜色的<table bordercolordark=>等等。

背景颜色的<body bgcolor=>

背景文字颜色<body text=>

总之,color=可以用在不同场合,都是表示顏色的代码。凡是顏色代码,都用<color="#FF0000">或者直接写入色的英文单词,<color="RED">,两者的效果是一样的。

不知道顏色代码的请看下面的网页调色板效果图,可以将所有顏色代码一网打尽。

下面是这个网页调色板的代码,粘贴到网页或博客中就可以用了。 

<table border="0" cellspacing="1" cellpadding="3" width="350" align="center" bgcolor="#dddddd">

<tr bgcolor="#FFFFFF">

<td width="10%" align="center">

<select >

<option value="1" selected></option>

<option value="2">绿</option>

<option value="3"></option>

<option value="4"></option>

</select>

</td>

<td width="90%" align="center">

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td align="right">

<input type="text" size="10">

<input type="button" value=">>" >

</td>

<td align="right" width="3%"> </td>

<td width="30%">

<table width="40" border="0" cellspacing="1" cellpadding="0" height="20"  class="cursorcross">

<tr>

<td bgcolor="#FFFFFF"  onMouseOver="showcolor(this)"> </td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr bgcolor="#FFFFFF">

<td width="10%" align="center">

<table border="0" cellspacing="1" cellpadding="0" >

<script language="VBScript">

function hexit(which)

hexit=hex(which)

end function

</script>

<script language="JavaScript">

for(i=0;i<=15;++i)

{document.write('<tr><td align="center">'+ hexit(0+i*17) +'</td><td + i +'" bgcolor="rgb('+ (0+i*17) + ',0,0)" width="15" height="15" ></td></tr>')

 document.all['tdleft' + i].num=i

}

</script>

</table>

</td>

<td align="center" width="90%">

<table border="0" cellspacing="1" cellpadding="0" >

<script language="JavaScript">

document.write('<tr><td></td>')

for(i=0;i<=15;++i)

{document.write('<td align="center">'+ hexit(0+i*17) +'</td>')}

document.write('</tr>')

 

for(i=0;i<=15;++i)

{document.write('<tr>')

 document.write('<td align="center">'+ hexit(0+i*17) +'</td>')

 for(j=0;j<=15;++j)

  {document.write('<td + i + 'c' + j +'" bgcolor="rgb(0,'+ (0+i*17) + ',' + (0+j*17) + ')" width="15" height="15" ></td>')}

 document.write('</tr>')

}

 

</script>

</table>

</td>

</tr>

<tr bgcolor="#FFFFFF">

<td colspan="2" height="20">可选16*16*16种颜色。<br>

单击左边的颜色会得到更多的颜色。<br>

单击右边的颜色会固定选取的颜色。 <br>

输入框可以自定义颜色。</td>

</tr>

</table>

<script language="JavaScript">

function selectchg(which)

{switch(which)

 break;

  break;

  break;

  break;

  }

}

function leftR()

{for(i=0;i<=15;++i)

   {document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ',0,0)'}

 rightR(0)

}

function leftG()

{for(i=0;i<=15;++i)

   {document.all['tdleft'+i].bgColor='rgb(0,'+ (0+i*17) + ',0)'}

 rightG(0)

}

function leftB()

{for(i=0;i<=15;++i)

   {document.all['tdleft'+i].bgColor='rgb(0,0,'+ (0+i*17) + ')'}

 rightB(0)

}

function leftA()

{for(i=0;i<=15;++i)

   {document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ','+ (0+i*17) + ','+ (0+i*17) + ')'}

 rightA()

}

function rightR(which)

{for(i=0;i<=15;++i)

   {for(j=0;j<=15;++j)

     {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+which*17) + ',' + (0+i*17) + ','+ (0+j*17) + ')'}

    }

}

function rightG(which)

{for(i=0;i<=15;++i)

   {for(j=0;j<=15;++j)

     {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*17) + ',' + (0+which*17) +  ',' + (0+j*17) + ')'}

    }

}

function rightB(which)

{for(i=0;i<=15;++i)

   {for(j=0;j<=15;++j)

     {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*17) + ','+ (0+j*17)+ ',' + (0+which*17) + ')'}

    }

}

function rightA()

{for(i=0;i<=15;++i)

   {for(j=0;j<=15;++j)

     {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*16+j) + ','+ (0+i*16+j)+ ',' + (0+i*16+j) + ')'}

    }

}

var rightclicked=false

function clickright(which)

{if(rightclicked){rightclicked=false;showcolor(which)}else{rightclicked=true}

}

function changeright(which)

{switch(select1.value)

 break;

  break;

  break;

 }

}

function showcolor(which)

{if(rightclicked)return;

 text1.value=which.bgColor

 choosecolor()

}

function choosecolor()

{customcolor.bgColor=text1.value

}

</script>

  评论这张
 
阅读(1942)| 评论(7)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018