日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

HTML实用的网页代码大全

發布時間:2023/12/10 HTML 34 豆豆
生活随笔 收集整理的這篇文章主要介紹了 HTML实用的网页代码大全 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

【一】:符號

  • <p>段落</p>
  • <h>標題</h>(h1---h6)
  • <br>:換行
  • <hr>:分割線
  • 左右尖括號:&lt;&gt;
  • &表示為:&amp
  • "表示為:&quot;
  • 表格形式
    • <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標記的屬性

    屬性功能
    background控制網頁背景(如:顏色,背景圖大小等)
    color控制字體顏色
    font控制字體屬性(如:字體)

    【四】:特殊樣式

  • 在新窗口打開連接:<a href="要跳轉的目標路徑" target="_blank">要輸入的文字</a> (target=_blank表示用新窗口打開頁面,一般出現在<a>標簽中,target表示鏈接在哪里打開,可以為它賦已經存在的窗口名或者一些默認的值,常見的一些默認的值有:_blank???新窗口? ? ? ?_self????自身? ? ? ? ? _parent??父窗口? ? _top?????頂層窗口(框架中))
  • 消除下劃線的連接:<a href="要跳轉的目標路徑" style="text-decoration: none" target="_blank">要輸入的文字</a>
  • 貼音樂:<embed src="音樂地址" width="寬度"?height="高度"?type=audio/mpeg autostart="false">
  • 貼網頁:<iframe src="網頁地址" 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是背景音樂的標簽? src-所插入背景的URL(網址)。 loop-設置循環的次數,當值是-1或者Infinite 的時候表示無限循環。 volume-音量,值為-10000到0之間,(不算直觀)0是最大音量。 balance-聲道,值為-1000到1000之間的值,負值將聲音發送左聲道,正值將聲音發送右聲道,0為立體聲。 delay-是進行播放延時的設置)
  • 貼網頁:<iframe src="目標地址" 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>
  • 窗口定時關閉:
  • <!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>我愛學習</p> <p>學習愛我</p> <p>沉迷學習</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>我愛學習</p> <p>學習愛我</p> <p>沉迷學習</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">自動關閉窗口示例</td></tr> </table> <script language="JavaScript">function clock() {i=i-1;document.title="本窗口將在"+i+"秒后自動關閉";if(i>0) setTimeout("clock()",1000);else self.close();}var i=10;clock(); </script> </body> </html>

    網頁自動刷新:

    <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>網頁自動刷新</title><meta http-equiv="refresh" content="5"><!--5為5秒后自動刷新--> </head> <body> <p>我愛學習</p> <p>學習愛我</p> <p>沉迷學習</p> <p>無法自拔</p> </body> </html>
  • 網頁自動跳轉:

    <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>網頁自動跳轉</title><meta http-equiv="refresh" content="5;URL=demo1.html"><!--5秒后自動跳轉--> </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>
  • 關閉窗口:

    <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>方式一</title><script type="text/javascript">function show() {alert("點擊【確定】將自動關閉窗口");window.opener=null;window.open("","_self");window.close();}</script> </head> <body onload="show()"> <p>我愛學習</p> <p>學習愛我</p> <p>沉迷學習</p> <p>無法自拔</p> </body> </html> <-----------------------------------------------------> <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>方式二</title> </head> <body> <a href="javascript:self.close()">【關閉窗口】</a> </body> </html>
  • 取消選取:<body onselectstart="return false">

  • 防止復制:<body οnpaste="return false">

  • 防止粘貼:<body onselectstart="return false">

  • 取消選取:<body onselectstart="return false">

  • 刪除時確認:<a href="javascript:if(confirm('確定要刪除嗎?'))location='boos.asp?&areyou=刪除&page=1'">刪除</a>

  • 將IE地址欄前換成自己設定的圖標:<link rel="Shortcut Icon" href="biaozhi1.ico">(放在<head></head>之間)

  • 在收藏夾顯示自己設定的圖標:<link rel="Bookmark" href="biaozhi1.ico">(放在<head></head>之間)

  • 永遠帶著框架:

    <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">

  • 設定打開頁面大小:<body οnlοad="top.resizeTo(寬度,高度)">

  • 電子郵件處理提交表單:

    <form name="form1" method="post" action="mailt****@***.com" enctype="text/plain"><input type="submit"> </form>
  • 檢查一段字符串是否全由數字組成:

    <script language="JavaScript">function checkNum(str) {return str.match()==null;}alert(checkNum("121312312312"));alert(checkNum("190900m2312"))</script>
  • 改變光標形狀:<span style="cursor: move">Auto</span>

  • 總結

    以上是生活随笔為你收集整理的HTML实用的网页代码大全的全部內容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。