本文目录一览：
- 1、HTML代码怎么用
- 2、我要黑客帝国里的数字流星雨代码，用html或asp写的
- 3、html浮动代码怎么用
- 4、怎么使用流星雨代码
- 5、html代码的使用方法
- 6、html代码编辑器编辑出来的代码怎么用
HTML代码怎么用
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的body标签中，输入html代码：hello world!。
3、浏览器运行index.html页面，此时页面成功以html的方式渲染了html代码，显示了内容。
我要黑客帝国里的数字流星雨代码，用html或asp写的
htmlstyle type="text/css"
!--
body {
background-color: #000000;
}
--
/style
Body
script language="JavaScript"
!--
if (document.all){
Cols=60;
Cl=20;//Space's are included so real length is 48!
Cs=20;
Ts=20;
Tc='#008800';
Tc1='#00ff00';
MnS=20;
MxS=30;
I=Cs;
Sp=new Array();S=new Array();Y=new Array();
C=new Array();M=new Array();B=new Array();
RC=new Array();E=new Array();Tcc=new Array(0,1);
document.write(" div id='Container' style='position:absolute;top:0;left:-"+Cs+"'");
document.write(" div style='position:relative'");
for(i=0; i Cols; i++){
S[i]=I+=Cs;
document.write(" div id='A' style='position:absolute;top:0;font-family:Arial;font-size:"
+Ts+"px;left:"+S[i]+";width:"+Ts+"px;height:0px;color:"+Tc+";visibility:hidden' /div");
}
document.write(" /div /div");
for(j=0; j Cols; j++){
RC[j]=1+Math.round(Math.random()*Cl);
Y[j]=0;
Sp[j]=Math.round(MnS+Math.random()*MxS);
for(i=0; i RC[j]; i++){
B[i]='';
C[i]=Math.round(Math.random()*1)+' ';
M[j]=B[0]+=C[i];
}
}
function Cycle(){
Container.style.top=window.document.body.scrollTop;
for (i=0; i Cols; i++){
var r = Math.floor(Math.random()*Tcc.length);
E[i] = ' font color='+Tc1+''+Tcc[r]+' /font';
Y[i]+=Sp[i];
if (Y[i] window.document.body.clientHeight){
for(i2=0; i2 Cols; i2++){
RC[i2]=1+Math.round(Math.random()*Cl);
for(i3=0; i3 RC[i2]; i3++){
B[i3]='';
C[i3]=Math.round(Math.random()*1)+' ';
C[Math.floor(Math.random()*i2)]=' '+' ';
M[i]=B[0]+=C[i3];
Y[i]=-Ts*M[i].length/1.5;
A[i].style.visibility='visible';
}
Sp[i]=Math.round(MnS+Math.random()*MxS);
}
}
A[i].style.top=Y[i];
A[i].innerHTML=M[i]+' '+E[i]+' ';
}
setTimeout('Cycle()',20)
}
Cycle();
}
// --
/script
/body
/html
演示地址：
网上找的代码，我给你改了下
html浮动代码怎么用
新建一个html网页，在body中插入【div class="9d8a-0733-cc6a-4697 content"/div】并引入CSS【.content{width: 420px;height: 100px;background: #d4d4d4;padding: 5px 0 5px 5px;}】。
请点击输入图片描述
在大DIV中插入一个DIV【div class="cc6a-4697-08e6-9adf a"/div】并引入CSS【.a{width: 100px;height: 100px;margin-right: 5px;background: #ff0000;}】定义它的高，宽，外边距，背景色。
请点击输入图片描述
继续添加一个同级的DIV【div class="08e6-9adf-2c16-d418 a b"/div】并引入样式a和样式b，样式B只定义背景色【.b{background: #FF5F00;}】。可以看到第2个DIV排到了第一个的下方位置。
请点击输入图片描述
按照同样的方法再添加2个同级的DIV并引入不同颜色的DIV【div class="2c16-d418-c40a-1e27 a c"/divdiv class="d418-c40a-1e27-1860 a d"/div】。然后引入CSS【.c{background: #FFED00;}.d{background: #00FF93;}】。刷新后可以看到预览效果是4个IDV垂直排列的，怎么能让他们水平排列在一行呢？
请点击输入图片描述
为了方便朋友们查看顺序，把4个DIV分别插入一个数字，相当于给他们编一个号码。
请点击输入图片描述
接下来就要用到浮动代码了。在4个DIV共用的a样式中，加入左浮动【float: left;】。保存并刷新网页可以看到已经都在一行上了，而且是按照编码顺序从左到右排列的。
请点击输入图片描述
我们再来试一下右浮动【float:right】，可以看到DIV是从右向左排列的。现在朋友们知道怎么使用浮动代码了吗？
请点击输入图片描述
怎么使用流星雨代码
网页代码吗？我这有网页代码
htmltitle网页下雨/title
body bgcolor="#ffffff"
STYLE type=text/cssBODY {
FONT-FAMILY: "隶书"; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; MARGIN-TOP: 0px
}
/STYLE
SCRIPT language=JavaScript
var no = 50;!--定义雨点的总数--
var speed = 1;!--定义下雨的速度--
var s, x, y, sn, cs;!--声明变量--
var a, r, cx, cy;!--声明变量--
var i, doc_width = 800, doc_height = 600;!--存储显示器的分辨率--
if (document.all) {!--如果是ie浏览器--
doc_width = document.body.clientWidth;!--获得窗口的宽度--
doc_height = document.body.clientHeight;!--获得窗口的高度--
}
x = new Array();!--存储所有雨点的横坐标--
y = new Array();!--存储所有雨点的纵坐标--
r = new Array();!--存储所有雨点的横坐标--
cx = new Array();!--存储所有雨点的横坐标--
cy = new Array();!--存储所有雨点的横坐标--
s = 8;
for (i = 0; i no; ++ i) {!--循环对所有的雨点进行初始化和显示--
initRain();!--初始化雨点--
if (document.all) {
document.write("div id=\"dot"+ i +"\" style=\"POSITION: ");!--创建新的层--
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");!--显示雨点--
document.write("visible; TOP: 15px; LEFT: 15px;\"font color=\"black\"");!--颜色为红色--
document.write(",/font/div");
}
}
function initRain() {!--对雨点的初始化--
a = 6;
r[i] = 1;
sn = Math.sin(a);!--定义变量--
cs = Math.cos(a);!--定义变量--
cx[i] = Math.random() * doc_width + 1;!--初始化雨点横坐标--
cy[i] = Math.random() * doc_height + 1;!--初始化雨点纵坐标--
x[i] = r[i] * sn + cx[i];!--初始化雨点横坐标--
y[i] = cy[i];!--初始化雨点纵坐标--
}
function makeRain() {!--生成雨点--
r[i] = 1;!--雨点出现的纵坐标最小值--
cx[i] = Math.random() * doc_width + 1;!--横向速度--
cy[i] = 1;!--纵向速度--
x[i] = r[i] * sn + cx[i];!--获得下一次雨点的横坐标--
y[i] = r[i] * cs + cy[i];!--获得下一次雨点的纵坐标--
}
function updateRain() {!--更新雨点--
r[i] += s;!--
x[i] = r[i] * sn + cx[i];!--获得下一次雨点的横坐标--
y[i] = r[i] * cs + cy[i];!--获得下一次雨点的纵坐标--
}
function raindropIE() {!--对IE浏览器的下雨函数--
for (i = 0; i no; ++ i) {
updateRain();
if ((x[i] = 1) || (x[i] = (doc_width - 20)) || (y[i] = (doc_height - 20))) {!--判断雨点是否已经出了当前窗口边界--
makeRain();!--重新生成雨点--
doc_width = document.body.clientWidth;!--获得当前雨点所在层的宽度--
doc_height = document.body.clientHeight;!--获得当前雨点所在层的高度--
}
document.all["dot"+i].style.pixelTop = y[i];!--显示雨点--
document.all["dot"+i].style.pixelLeft = x[i];!--显示雨点--
}
setTimeout("raindropIE()", speed);!--根据speed值，动态更新下雨的图片--
}
if (document.all) {
raindropIE();!--如果是ie浏览器，调用相应的函数--
}
/SCRIPT
/body
/html
参考网站：
html代码的使用方法
一、基本框架
如同人一样，网页也包括了“头部”和“身体”，
＜head＞标记内包含着诸如网页标题、语言编码、网页描述等基本信息，而平时我们真正见到的网页内容均放在＜body＞标记内。现在先介绍一下＜head＞里的基本信息。
网页标题(标记格式为＜title＞＜/title＞)
创建网页标题文字：＜title＞标题＜/title＞ //此处书写的文字会显示在IE的标题栏上。
网页文档信息(标记格式为＜meta＞)
描述网页内容类型：＜meta http-equiv="Content-Type" content="text/html; charset=gb2312"＞ //该页面为TXT文本或HTML格式，语言编码方式为GB2312(即简体中文)。
描述网页的关键字信息：＜meta name="keywords" content="这里是关键字"＞
对网页的详细描述：＜meta name="description" content="这里是对该网页的介绍"＞
刷新网页：＜meta http-equiv="refresh" content="5;URL=xxx.htm"＞ //5秒种后刷新，并链接到xxx.htm。
二、组成要素
无论网页如何千变万化，构成一个网页内容的最基本要素大体只有五种，即文字、图片、表格、超链接和表单控件，所以下面将围绕着这五个要素逐一列举介绍。
文字(标记格式为＜font＞＜/font＞)
指定文字字体：＜font face="宋体"＞宋体文字＜/font＞
指定文字大小：＜font size="3"＞3号文字＜/font＞
指定文字颜色：＜font color="#FF0000"＞红色文字＜/font＞ //网页颜色采用16位编码，因此#FF0000表现为红色。大家可以查阅相关资料了解其他颜色的编码。
图片(标记格式为＜img＞)
＜img src="images/pic.jpg" width="400" height="300" border="2" align="center"＞// src指定为路径地址，width为宽度，height为高度，border为边框大小，align为横向位置。
表格(标记格式为＜table＞＜tr＞＜td＞＜/td＞＜/tr＞＜/table＞)
＜table width="400" height="300" border="1" align="center" cellpadding="2" cellspacing="2" bgcolor="#FF0000"＞＜tr＞＜td＞此处添加文字或图片等＜/td＞＜/tr＞＜/table＞// width、height、border、align与以上的例子作用一样，cellpadding为边框与单元格的间距，cellspacing为单元格之间的间距，bgcolor为表格背景色。
以上所介绍的元素都是只存在当前页中，而网页超链接的出现大大改变了人们的浏览习惯，可根据自己喜好，点击到相关链接查看网页信息。
超链接(标记格式为＜a＞＜/a＞)
＜a href="xxx.htm" title="提示文字"＞链接文字或图片＜/a＞ //href为被点击后的链接页，title为鼠标悬停在链接文字或图片上后出现的提示文字。
表单控件(标记符号为＜input＞、＜textarea＞＜/textarea＞、＜select＞＜/select＞)
表单控件实现了人与网页的交互，像大家常去的论坛、购物站点等都有它的“身影”。
文本框：＜input type="text" value="这是文本框"＞ //value为该控件的值，以下每个表单控件均可设定，不设默认为空
密码框：＜input type="password"＞
单选框：＜input type="radio"＞
复选框：＜input type="check"＞
提交按钮：＜input type="submit"＞
重置按钮：＜input type="reset"＞
隐藏区域：＜input type="hidden"＞
文本域：＜textarea rows="6" cols="30"＞＜/textarea＞ //rows为行数，cols为宽度
列表框：＜select＞＜option＞项目1＜option＞项目2＜option＞项目3＜/select＞
编后：学习HTML的目的不是为了要用它来编写网页，因为利用很多软件的编辑功能就可以省掉一些编程的麻烦。最重要的是本文介绍了页面里最基本的元素，了解这些知识后可以分析网页的结构，学习高手们所使用的特殊效果。当然HTML代码的内容远不止这些，想要在网页设计方面发展的朋友学好它是非常必要的。
html代码编辑器编辑出来的代码怎么用
其实你新建一个txt文档，命名之后，将文件的后缀名改为html也可以，新手可以直接用txt文本编辑，用dreamwaver
CS5工具可以快速编辑并随时查看页面效果，保存的文件就是html文件，双击可以打开你做的网页，但是这个只是静态页面，里面的内容都是固定的。
