日期:2014-05-17  浏览次数:20915 次

常用HTML代码

?


控制背景颜色
<SCRIPT LANGUAGE="JavaScript">
???function changeBg(sel){
????if(sel.value!=""){
?????document.body.bgColor=sel.value;
????}
???}
??</SCRIPT>

直线
<hr width="50%" align="left" size="1" noshade="noshade" />
--------------------------------
加粗斜体下划线
<b><i><u>独钓寒江雪</u></i></b>
<a href="mailto:admin@iegames.net">发送简历</a>
<a href="down/javaexam.rar">本地下载</a>
<a href="http://www.newhua.com/ro/client0903.exe">电信下载</a>
锚的使用
<p><a href="#chibi">赤壁</a> </p>
<p><a name="chibi">赤壁</a><br>
?折戟沉沙铁未销,自将磨洗认前朝。<br>
?东风不与周郎便,铜雀春深锁二乔。</p>

---------------------------------
div的使用
<div align="center">
??<div style="font-size:24px">渔翁</div>
??<div style="background:#6F0">渔翁夜傍西岩宿,晓汲清湘燃楚竹。</div>
??<div>烟销日出不见人,欸乃一声山水绿。</div>
??<div>回看天际下中流,岩上无心云相逐。</div>
?</div>
---------------------------------
div 立体层
<div id="Layer1" style="position:absolute; left:165px; top:102px;
?width:239px; height:166px; z-index:1">
?<img src="pic/92.jpg" width="236" height="164"></div>
<div id="Layer2" style="position:absolute; left:103px; top:23px;
?width:210px; height:192px; z-index:2">
--------------------------------
可口可乐
一种休闲饮料,来源于美国一个药剂配方
<dl>
??<dt>可口可乐</dt>
??<dd>一种休闲饮料,来源于美国一个药剂配方</dd>
</dl>
----------------------------------
? <embed src="sound/demo.mp3" autostart="true" loop="true" width="0" height="0"></embed>

?
? <embed src="video/welcome.swf" width="400" height="300" ></embed>
图片超链接

<a href="poem_001.htm"><img src="pic/logo.gif"></a>
<img src="pic/logo.gif" width="100px" height="500px">
表的使用

<table width="364" height="191" border="1" align="center" bordercolor="#FF0000" cellspacing="1" cellpadding="10">
<tr>
??? <td colspan="4">&nbsp;</td>
? </tr>

<OL? type="a"start="2">
??<li>宣州谢[月兆]楼饯别校书叔云</li>
??
</OL>


居中显示
<center>
??窗前明月光<br/>
??
?</center>
<??? >
&lt;&gt;

行内样式
?? <div style="color:red;width:300px;border:1px #0000ff solid;text-align:center">
?久为簪组累,幸此南夷谪。<br/>
?
? </div>

border:#600 dotted;? 边框为星点

下拉列表
<select>
???<option value="zhangjl">张九龄</option>
???<option value="lib">李白</option>
???
</select>


<select name="sport" size="1" multiple>? //有上下拉动按钮

-------JS部分

<body onunload="alert('bye!');">关闭此页面的的时候
?document.write('欢迎来到JAVASCRIPT!');
confirm("要喝茶吗?") //弹出一个选择框 返回值为 boolean

document.getElementById("CSSLink").href="style2.css";//换肤

?var k = window.showModalDialog("child.html",window,
???????? ??"dialogWidth:335px;status:no;dialogHeight:300px");?

?

<span id="txt" style="display: none">不显示
document.getElementById("txt").style.display = "block";
跳转
onClick="window.location.href='setTimeout2.html';"


? document.write("你的浏览器名称是"+navigator.appName);
? document.write("<hr/>你的浏览器版本是"+navigator.appVersion);


function doInput(txt) //文本框传值
//下拉列表传值
?function changeurl(selectObj){
??location.href=selectObj.value;
?}
//页面刷新的用法
onClick="window.location.reload();"

document.write(window.screen.availWidth+"<br/>");
document.write(window.screen.availHeight+"<br/>");
document.write(window.screen.bufferDepth+"<br/>");
document.write(window.screen.colorDepth+"<br/>");
document.write(window.screen.deviceXDPI+"<br/>");
//数组的应