Ⅰ 網頁設計常用HTML代碼
網頁設計常用HTML代碼大全
HTML是用來描述網頁的一種語言。下面我為大家分享HTML代碼,希望對大家學習html代碼有幫助!
忽視右鍵
<body oncontextmenu="return false">
或
<body style="overflow-y:hidden">
1.如何幾秒後轉到別的頁面?
<META HTTP-EQUIV="Refresh" CONTENT="時間;URL=地址">
2.點擊關閉窗口
<a href="javascript:top.window.close();">點擊關閉窗口</a>!
3.請問如何去掉主頁右面的滾動條?
<body scroll="no">
<body style="overflow-y:hidden">
4.請問如何做到讓一個網頁自動關閉.
<html>
<head>
<OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
</head>
<body onload="window.setTimeout(‘‘‘‘closes.Click()‘‘‘‘,10000)">
這個窗口會在10秒過後自動關閉,而且不會出現提示. </body>
如何在不刷新頁面的情況下刷新css?
<style>
button{ color:#000000;}
</style>
<button onclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘>點擊按鈕直接修改style標簽里button選擇符使按鈕改為紅色</button>
請問如何讓網頁自動刷新?
在head部記入<META HTTP-EQUIV="Refresh" content="20">其中20為20秒後自動刷新,你可以更改為任意值。
5.如何讓頁面自動刷新?
方法一,用refresh
HTML 代碼片段如下:
<head>
<meta http-equiv="refresh" content="5">
</head>
5表示刷新時間
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
方法二,使用setTimeout控制
<img src=/logo.gif>
<script>
function rl(){
document.location.reload()
}
setTimeout(rl,2000)
</script>
6.如何讓超鏈接沒有下劃線
在源代碼中的<HEAD>…</HEAD>之間輸入如下代碼:
<style type="text/css"> <!--
a { text-decoration: none}
--> </style>
7.請問如何去掉IE的上下滾動條?
<body style=‘‘‘‘overflow:scroll;overflow-y:hidden‘‘‘‘>
</body>
8.怎樣才能把RealPlayer文件在網頁做一個試聽連接?
<embed height=25src=51js.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" controls="PlayButton">
9.如何用html實現瀏覽器上後退按鈕的功能?
<a href="java script:history.go(-1)">點擊後退</a>
或者
<script> history.back() </script>
10.請問怎麼在網頁中改變滑鼠的箭頭形狀?
HTML 代碼片段如下:
<body>
<a href="#" style="cursor: auto;">auto</a><br>
<a href="#" style="cursor: crosshair ">crosshair </a><br>
<a href="#" style="cursor: default ">default </a><br>
<a href="#" style="cursor: hand ">hand </a><br>
<a href="#" style="cursor: move ">move </a><br>
<a href="#" style="cursor: e-resize ">e-resize </a><br>
<a href="#" style="cursor: ne-resize ">ne-resize </a><br>
<a href="#" style="cursor: nw-resize">nw-resize</a><br>
<a href="#" style="cursor: n-resize">n-resize</a><br>
<a href="#" style="cursor: se-resize">se-resize</a><br>
<a href="#" style="cursor: sw-resize">sw-resize</a><br>
<a href="#" style="cursor: s-resize">s-resize</a><br>
<a href="#" style="cursor: w-resize">w-resize</a><br>
<a href="#" style="cursor: text">text</a><br>
<a href="#" style="cursor: wait">wait</a><br>
<a href="#" style="cursor: help">help</a><br>
</body>
11.怎樣不使用頁面的緩存?即每一次打開頁面時不是調用緩存中的東西
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
12.頁面打開時自動彈出一個窗口的代碼怎麼寫?
HTML 代碼片段如下:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="<B style="color:black;background-color:#A0FFFF">javascript</B>">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_openBrWindow(‘‘‘‘http://www.35ui.cn/‘‘‘‘,‘‘‘‘,‘‘‘‘width=400,height=400‘‘‘‘)">
</body>
</html>
13.如何讓我的頁面出現一個會講話的小人?Merlin
HTML 代碼片段如下:
<HTML>
<HEAD>
<TITLE>默林</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY>
<p><OBJECT id=sims classid=CLSID:D45FD31B-5C6E-11D1-9EC1-00C04FD7081F>
</OBJECT>
<SCRIPT>
var MerlinID;
var MerlinACS;
sims.Connected = true;
MerlinLoaded = LoadLocalAgent(MerlinID, MerlinACS);
Merlin = sims.Characters.Character(MerlinID);
Merlin.Show();
Merlin.Play("Surprised");
Merlin.Speak("大家好");
Merlin.Play("GestureLeft");
Merlin.Think("我是默林!");
Merlin.Play("Pleased");
Merlin.Think("可愛嗎?");
Merlin.Play("GestureDown");
Merlin.Speak("哈哈!");
Merlin.Hide();
function LoadLocalAgent(CharID, CharACS){
LoadReq = sims.Characters.Load(CharID, CharACS);
return(true);
}
</SCRIPT>
</p>
<p> </p>
<p>看此效果必須裝有office2000!!!</p>
</BODY>
</HTML>
14.在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動
HTML 代碼片段如下:
<html><head>
<STYLE>
body {background-image:url(logo.gif);
background-repeat:no-repeat; background-position:center }
</STYLE>
</head>
<body bgproperties="fixed" >
</body>
</html>
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
background-repeat:no-repeat; 是讓背景圖不佔滿整個頁面
body bgproperties="fixed" 是拉動scroll時背景圖不動
15.文本輸入框什麼屬性能實現不可輸入?
HTML 代碼片段如下:
<input type="text" name="textfield" disabled>
或者
<input type="text" name="textfield" readonly>
16.如何禁止自己的頁面在別人的框架里打開?
把以下代碼加至你的<head>區
<script>
if (window.top!=self){
window.top.location=self.location
}
</script>
17.如何實現首頁全屏幕顯示?
HTML 代碼片段如下:
<html>
<body><script language="<B style="color:black;background-color:#A0FFFF">javascript</B>">
var coolw=642
var coolh=400
var coolhuang=window.open("http://www.35ui.cn","coolhuang","width="+coolw+",height="+coolh+",
fullscreen=1,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0")
window.close()
</script></body></html>
18.如何監聽一個窗口被關閉了?
HTML 代碼片段如下:
<body onunload="alert(‘‘‘‘你關閉了這個窗口‘‘‘‘)">
19.如何禁止Ctrl+N?
HTML 代碼片段如下:
<body onkeydown=return(!(event.keyCode==78&&event.ctrlKey))>
如何把頁面加入用戶的收藏夾?
HTML 代碼片段如下:
<a href="<B style="color:black;background-color:#A0FFFF">javascript</B>:window.external.AddFavorite(‘‘‘‘http://www.35ui.cn‘‘‘‘,‘‘‘‘無憂腳本‘‘‘‘)">收藏無憂腳本</a>
如何在我的'頁面中加入背景音樂?
IE: <bgsound src="*.mid" loop=infinite>
NS:<embed src="*.mid" autostart=true hidden=true loop=true>
*.mid你的背景音樂的midi格式文件
關於頁面轉換效果
<meta http-equiv="page-enter" content="revealTrans(Duration=4,Transition=23)">
或
<meta http-equiv="page-exit" content="revealTrans(Duration=4,Transition=23)">
說明:Transition=23是隨機效果,另可以選0-22任一數字固定某個效果
如何設定打開頁面的大小
HTML 代碼片段如下:
<body onload="top.resizeTo(300,200);"><!--(width,height)-->
怎樣雙擊滾屏,單擊停止?
HTML 代碼片段如下:
<html>
<head>
<title>新網頁1</title>
</head>
<body>
<script language"<B style="color:black;background-color:#A0FFFF">javascript</B>">
var currentpos,timer;
function initialize()
{
timer=setInterval("scrollwindow()",10);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
</script>
<p>a</p><p>a</p><p>a</p><p>aa</p><p>aa</p><p>aa</p>
<p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p>
<p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p>
<p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>a</p>
</body>
</html>
如何讓body中的文字不被選中?
HTML 代碼片段如下:
<body onselectstart="return false" >aaa</body>
如何讓彈出的窗口不能關閉?
在新開的窗口中加入如下代碼
<body onunload=open(location.href)>
</body>
如何讓瀏覽器在保存頁面時保存失敗?
HTML 代碼片段如下:
<NOSCRIPT>
<<B style="color:black;background-color:#ffff66">IFRAME</B> SRC="*.html">
</<B style="color:black;background-color:#ffff66">IFRAME</B>>
</NOSCRIPT>
表單中如何用圖片按鈕實現 reset?
<html>
<head>
<script>
function aaa(){
document.forms[0].reset()
}
</script>
</head>
<body>
<form>
<textarea rows="2" name="S1" cols="20"></textarea>
<input type="submit" values="提交" name="B1">
<image src="logo.gif" onclick=aaa()>
</form>
</body></html>
進入網頁時彈出的信息對話框
<body onLoad="window.alert(‘‘‘‘歡迎光臨本站‘‘‘‘)">
關閉窗口後彈出對話框
<body onUnload="window.alert(‘‘‘‘謝謝你的光臨!歡迎下次再來!‘‘‘‘)">
告別提示
<body onUnload= alert("再見,感謝你的訪問!")>
右鍵菜單的製作
<OBJECT id=menu type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM name="Command" value="Related Topics,menu">
<PARAM name="Item1" value="動易;http://www.35ui.cn">
<PARAM name="Item2" value="搜狐;http://www.35hu.cn">
<PARAM name="Item3" value="新浪;http://www.35no.cn">
<PARAM name="Item4" value="網易;http://www.chinsgp.cn">
<PARAM name="Item5" value="互動學院;http://www.35ui.cn">
</OBJECT> <script> if (document.all) document.body.onmousedown=new Function("if (event.button==2) menu.Click();") </script>
下拉菜單
<object id=HHCtrl type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> <PARAM name="Command" value="Related Topics,Menu"> <PARAM name="Item1" value="aspease;http://www.35ui.cn"> <PARAM name="Item2" value="byhu;http://www.35ui.cn"> <PARAM name="Item3" value="lzz;http://www.35ui.cn"> </object> <a href=javascript:HHCtrl.Click() title="下拉菜單">下拉菜單</a>
;Ⅱ html簡單網頁代碼怎麼寫
1、在電腦桌面空白處單擊右鍵,新建一個記事本並打開
(2)網頁新開頁面代碼擴展閱讀:
前端和後端的區別:
1、展示方式
前端指的是用戶可見的界面,網站前端頁面也就是網頁的頁面開發,比如網頁上的特效、布局、圖片、視頻,音頻等內容。前端的工作內容就是將美工設計的效果圖的設計成瀏覽器可以運行的網頁,並配合後端做網頁的數據顯示和交互等可視方面的工作內容。
後端是指用戶看不見的東西,通常是與前端工程師進行數據交互及網站數據的保存和讀取,相對來說後端涉及到的邏輯代碼比前端要多,後端考慮的是底層業務邏輯的實現,平台的穩定性與性能等。
2、所用技術
前端開發用到的技術包括但不限於html5、css3、javascript、jquery、Bootstrap、Node.js 、Webpack、AngularJs、ReactJs、VueJs等技術。
後端開發以java為例,主要用到的包括但不限於Struts、spring、springmvc、Hibernate Http協議、Servlet、Tomcat伺服器等技術。
3、工作職責
前端工程師主要的工作職責分為三大部分,分別是傳統的Web前端開發,移動端開發和大數據呈現端開發。
後端工程師的主要職責也集中在三大部分,分別是平台設計、介面設計和功能實現。
4、知識結構
在知識結構方面,前端開發涉及到的內容包括Html、CSS、JavaScript、Android開發(採用Java或者kotlin)、iOS開發(採用OC或者Swift)、各種小程序開發技術(類Html),隨著前端開發任務的不斷拓展,前端開發後端化也是一個較為明顯的趨勢。
後端開發的重點在於演算法設計、數據結構、性能優化等方面,在具體的功能實現部分可以採用Java、Python或者PHP等編程語言來實現。
Ⅲ HTML 做一個打開網頁代碼
html的head區域中加上<script language="javascript"> location.replace("http://192.168.1.201") </script>即可<html>
html代碼如下:
<head>
<title>頁面跳轉</title>
<script language="javascript"> location.replace("http://192.168.1.201") </script>
</head>
<body>
</body>
</html>
(3)網頁新開頁面代碼擴展閱讀:
網頁HTML代碼大全
文件類型 <HTML></HTML> (放在檔案的開頭與結尾)
文件主題 <TITLE></TITLE> (必須放在「文頭」區塊內)
文頭 <HEAD></HEAD> (描述性資料,像是「主題」)
文體 <BODY></BODY> (文件本體)
(由瀏覽器控制的顯示風格)
標題 <H?></H?> (從1到6,有六層選擇)
標題的對齊 <H? ALIGN=LEFT|CENTER|RIGHT></H?>
區分 <DIV></DIV>
區分的對齊 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文區塊 <BLOCKQUOTE></BLOCKQUOTE> (通常會內縮)
強調 <EM></EM> (通常會以斜體顯示)
特別強調 <STRONG></STRONG> (通常會以加粗顯示)
引文 <CITE></CITE> (通常會以斜體顯示)
碼 <CODE></CODE> (顯示原始碼之用)
樣本 <SAMP></SAMP>
鍵盤輸入 <KBD></KBD>
變數 <VAR></VAR>
定義 <DFN></DFN> (有些瀏覽器不提供)
地址 <ADDRESS></ADDRESS>
大字 <BIG></BIG>
小字 <SMALL></SMALL>
與外觀相關的標簽(作者自訂的表現方式)
加粗 <B></B>
斜體 <I></I>
底線 <U></U> (尚有些瀏覽器不提供)
刪除線 <S></S> (尚有些瀏覽器不提供)
下標 <SUB></SUB>
上標 <SUP></SUP>
打字機體 <TT></TT> (用單空格字型顯示)
預定格式 <PRE></PRE> (保留文件中空格的大小)
預定格式的寬度 <PRE WIDTH=?></PRE>(以字元計算)
向中看齊 <CENTER></CENTER> (文字與圖片都可以)
Ⅳ 求在新窗口打開網頁的代碼,如何插入target="_blank"
建議你使用<a href=""></a>標簽,不建議使用<tr>標簽,在<a>標簽中
target="_blank"使用方法就是<a href="" target="_blank" align="center" bgcolor="#D4D0C8" onMouseOver=this.style.backgroundColor='#ffcc33' onMouseOut=this.style.backgroundColor='#D4D0C8' onDblClick="location.href='new.asp?action=detail&in_id='+<%=rs("id")%>;" style="CURSOR: hand"></a>或者使用<button>按鈕
Ⅳ HTML 下拉框選中打開新網頁的代碼怎麼寫
寫一個OnChange="javascript:window.location.href='頁面地址'",這樣就能實現選擇下拉列表後跳轉網頁了
Ⅵ 用html如何製作一個簡單的網頁代碼
1、首先,在計算機桌面上創建一個新文件夾,然後在該文件夾中創建一個新的文本文檔。內
Ⅶ 網頁html代碼,在當前頁面,打開和在新連接打開的代碼是怎麼區別的、
target="_blank"
這個代碼表示在新的窗戶口打開
把這段刪除就默認在當前窗口打開