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>
评论