生活随笔
收集整理的這篇文章主要介紹了
HTML实用的网页代码大全
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
【一】:符號
<p>段落</p><h>標(biāo)題</h>(h1---h6)<br>:換行<hr>:分割線左右尖括號:<>&表示為:&"表示為:"表格形式
- <table>
- <thead></thead>
- <tbody><tr><td></td></tr></tbody>
- <tfoot></tfoot>
- </table>
【二】:字體
移動字體(走馬燈):<marquee>文字</marquee>字體加粗:<b>文字</b>字體斜體:<i>文字</i>字體下劃線:<u>文字</u>字體刪除線:<s>文字</s>字體加大:<big>文字</big>字體控制大小:<h1>文字</h1>(其中字體大小可以從h1---h6)字體控制大小:<font? size="12px">文字</font>字體控制顏色:<font? color="顏色">文字</font>(顏色的表示方式:方式一:英語單詞表示;方式二:#000000~#ffffff)字體控制顏色:<p style="color: 顏色">文體</p>(顏色的表示方式:方式一:英語單詞表示;方式二:#000000~#ffffff)原始字體樣式:<pre>文字</pre>
【三】:body標(biāo)記的屬性
| 屬性 | 功能 |
| background | 控制網(wǎng)頁背景(如:顏色,背景圖大小等) |
| color | 控制字體顏色 |
| font | 控制字體屬性(如:字體) |
【四】:特殊樣式
在新窗口打開連接:<a href="要跳轉(zhuǎn)的目標(biāo)路徑" target="_blank">要輸入的文字</a> (target=_blank表示用新窗口打開頁面,一般出現(xiàn)在<a>標(biāo)簽中,target表示鏈接在哪里打開,可以為它賦已經(jīng)存在的窗口名或者一些默認(rèn)的值,常見的一些默認(rèn)的值有:_blank???新窗口? ? ? ?_self????自身? ? ? ? ? _parent??父窗口? ? _top?????頂層窗口(框架中))消除下劃線的連接:<a href="要跳轉(zhuǎn)的目標(biāo)路徑" style="text-decoration: none" target="_blank">要輸入的文字</a>貼音樂:<embed src="音樂地址" width="寬度"?height="高度"?type=audio/mpeg autostart="false">貼網(wǎng)頁:<iframe src="網(wǎng)頁地址" width="寬度" height="高度"></iframe>貼flash:<embed src="flash地址" width="寬度" height="高度">貼影視文件:<img dynsrc="文件地址" width="寬度" height="高度" start=mouseover>固定帖子背景不隨滾動條滾動:<body background="背景圖片地址" body bgproperties=fixed>帖子背景顏色:<body bgcolor="顏色">?(顏色的表示方式:方式一:英語單詞表示;方式二:#000000~#ffffff)帖子背景音樂:IE:<body bgsound="背景音樂地址" loop=infinite>或NS:<embed src="背景音樂文件" autostart=true hidden=true loop=true>? ? ? (bgsound是背景音樂的標(biāo)簽? src-所插入背景的URL(網(wǎng)址)。 loop-設(shè)置循環(huán)的次數(shù),當(dāng)值是-1或者Infinite 的時候表示無限循環(huán)。 volume-音量,值為-10000到0之間,(不算直觀)0是最大音量。 balance-聲道,值為-1000到1000之間的值,負(fù)值將聲音發(fā)送左聲道,正值將聲音發(fā)送右聲道,0為立體聲。 delay-是進(jìn)行播放延時的設(shè)置)貼網(wǎng)頁:<iframe src="目標(biāo)地址" width="寬度" height="高度"></iframe>忽略右鍵:<body οncοntextmenu="return false">和<body style="overflow-y:hidden">拉動頁面時背景圖不動: body{background-image: url("123.gif");background-repeat: no-repeat;background-position: center;
} 讓瀏覽器保存頁面失敗:<NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT>窗口定時關(guān)閉: <!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>方式一</title><script language="JavaScript">function colseit() {setTimeout("self.close()",10000)}</script>
</head>
<body onload="colseit()">
<p>我愛學(xué)習(xí)</p>
<p>學(xué)習(xí)愛我</p>
<p>沉迷學(xué)習(xí)</p>
<p>無法自拔</p>
</body>
</html>
<-------------------------------------------------------->
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>方式二</title><style type="text/css"></style>
</head>
<body onload="setTimeout(window.close,3000)">
<p>我愛學(xué)習(xí)</p>
<p>學(xué)習(xí)愛我</p>
<p>沉迷學(xué)習(xí)</p>
<p>無法自拔</p>
</body>
</html>
<-------------------------------------------------------->
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>方式三</title>
</head>
<body bgcolor="f0d070" vlink="3300fc">
<table border="0" width="288"><tr><td class="cc1">自動關(guān)閉窗口示例</td></tr>
</table>
<script language="JavaScript">function clock() {i=i-1;document.title="本窗口將在"+i+"秒后自動關(guān)閉";if(i>0) setTimeout("clock()",1000);else self.close();}var i=10;clock();
</script>
</body>
</html> 網(wǎng)頁自動刷新:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>網(wǎng)頁自動刷新</title><meta http-equiv="refresh" content="5"><!--5為5秒后自動刷新-->
</head>
<body>
<p>我愛學(xué)習(xí)</p>
<p>學(xué)習(xí)愛我</p>
<p>沉迷學(xué)習(xí)</p>
<p>無法自拔</p>
</body>
</html> 網(wǎng)頁自動跳轉(zhuǎn):
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>網(wǎng)頁自動跳轉(zhuǎn)</title><meta http-equiv="refresh" content="5;URL=demo1.html"><!--5秒后自動跳轉(zhuǎn)-->
</head>
<body>
<p>哈哈</p>
</body>
</html> 返回上一頁:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>返回上一頁</title>
</head>
<body>
<a href="javascript:history.back(1)">【返回上一頁】</a>
</body>
</html> 關(guān)閉窗口:
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>方式一</title><script type="text/javascript">function show() {alert("點擊【確定】將自動關(guān)閉窗口");window.opener=null;window.open("","_self");window.close();}</script>
</head>
<body onload="show()">
<p>我愛學(xué)習(xí)</p>
<p>學(xué)習(xí)愛我</p>
<p>沉迷學(xué)習(xí)</p>
<p>無法自拔</p>
</body>
</html>
<----------------------------------------------------->
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>方式二</title>
</head>
<body>
<a href="javascript:self.close()">【關(guān)閉窗口】</a>
</body>
</html> 取消選取:<body onselectstart="return false">
防止復(fù)制:<body οnpaste="return false">
防止粘貼:<body onselectstart="return false">
取消選取:<body onselectstart="return false">
刪除時確認(rèn):<a href="javascript:if(confirm('確定要刪除嗎?'))location='boos.asp?&areyou=刪除&page=1'">刪除</a>
將IE地址欄前換成自己設(shè)定的圖標(biāo):<link rel="Shortcut Icon" href="biaozhi1.ico">(放在<head></head>之間)
在收藏夾顯示自己設(shè)定的圖標(biāo):<link rel="Bookmark" href="biaozhi1.ico">(放在<head></head>之間)
永遠(yuǎn)帶著框架:
<script language="JavaScript">if(window==top){top.location.href="框架地址";}</script> 簡單的頁面加密:
<script language="JavaScript">function loopy() {var sWord="";while(sWord!="login"){sWord=prompt("請輸入你的登錄密碼");alert("登陸成功!");}loopy();}</script> ?禁止使用Shift,Ctrl,Alt功能鍵:
<script>function look() {if(event.shiftKey){alert("禁止使用Shift鍵")}if(event.altKey){alert("禁止使用Alt鍵")}if(event.ctrlKey){alert("禁止使用Ctrl鍵")}}document.onkeydown=look;</script> 取消豎條滾動條:<body style="overflow: scroll;overflow-y: hidden">
取消橫條滾動條:<body style="overflow: scroll;overflow-x: hidden">
取消滾動條(橫條和豎條):<body scroll="no">
設(shè)定打開頁面大小:<body οnlοad="top.resizeTo(寬度,高度)">
電子郵件處理提交表單:
<form name="form1" method="post" action="mailt****@***.com" enctype="text/plain"><input type="submit">
</form> 檢查一段字符串是否全由數(shù)字組成:
<script language="JavaScript">function checkNum(str) {return str.match()==null;}alert(checkNum("121312312312"));alert(checkNum("190900m2312"))</script> 改變光標(biāo)形狀:<span style="cursor: move">Auto</span>
總結(jié)
以上是生活随笔為你收集整理的HTML实用的网页代码大全的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯,歡迎將生活随笔推薦給好友。