本篇文章給大家談?wù)刪tml簡易網(wǎng)頁代碼，以及html做網(wǎng)頁的代碼對應(yīng)的知識點，希望對各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、HTML 做一個打開網(wǎng)頁代碼
• 2、html簡單網(wǎng)頁代碼怎么寫？
• 3、html網(wǎng)頁計算器代碼怎么寫？
• 4、網(wǎng)頁設(shè)計常用HTML代碼
• 5、html求制作一個簡單網(wǎng)頁代碼，只需要一些文字加張圖片

HTML 做一個打開網(wǎng)頁代碼

html的head區(qū)域中加上script language="javascript" location.replace("") /script即可html

html代碼如下：

head

title頁面跳轉(zhuǎn)/title

script language="javascript" location.replace("") /script

/head

body

/body

/html

擴(kuò)展資料：

網(wǎng)頁HTML代碼大全

文件類型 HTML/HTML （放在檔案的開頭與結(jié)尾）

文件主題 TITLE/TITLE （必須放在「文頭」區(qū)塊內(nèi)）

文頭 HEAD/HEAD （描述性資料，像是「主題」）

文體 BODY/BODY （文件本體）

（由瀏覽器控制的顯示風(fēng)格）

標(biāo)題 H?/H? （從1到6，有六層選擇）

標(biāo)題的對齊 H? ALIGN=LEFT|CENTER|RIGHT/H?

區(qū)分 DIV/DIV

區(qū)分的對齊 DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY/DIV

引文區(qū)塊 BLOCKQUOTE/BLOCKQUOTE （通常會內(nèi)縮）

強(qiáng)調(diào) EM/EM （通常會以斜體顯示）

特別強(qiáng)調(diào) STRONG/STRONG （通常會以加粗顯示）

引文 CITE/CITE （通常會以斜體顯示）

碼 CODE/CODE （顯示原始碼之用）

樣本 SAMP/SAMP

鍵盤輸入 KBD/KBD

變數(shù) VAR/VAR

定義 DFN/DFN （有些瀏覽器不提供）

地址 ADDRESS/ADDRESS

大字 BIG/BIG

小字 SMALL/SMALL

與外觀相關(guān)的標(biāo)簽（作者自訂的表現(xiàn)方式）

加粗 B/B

斜體 I/I

底線 U/U （尚有些瀏覽器不提供）

刪除線 S/S （尚有些瀏覽器不提供）

下標(biāo) SUB/SUB

上標(biāo) SUP/SUP

打字機(jī)體 TT/TT （用單空格字型顯示）

預(yù)定格式 PRE/PRE （保留文件中空格的大?。?/p>

預(yù)定格式的寬度 PRE WIDTH=?/PRE（以字元計算）

向中看齊 CENTER/CENTER （文字與圖片都可以）

html簡單網(wǎng)頁代碼怎么寫？

1、在電腦桌面空白處單擊右鍵，新建一個記事本并打開

2、在新建文件中輸入如下代碼。 html語言都是以htmlheadtitlebody等標(biāo)簽開始，以/html/head/title/body標(biāo)簽作為結(jié)束。

3、接下來要在title/title標(biāo)簽中間輸入標(biāo)題（如個人網(wǎng)頁）在body/body中輸入“自己做的第一個網(wǎng)頁，厲害吧！”完成后點擊保存。并將記事本后綴名.txt改為.html格式

4、將記事本重命名為.html格式后，出現(xiàn)如下格式。

5、雙擊打開此文件就會出現(xiàn)瀏覽器網(wǎng)頁效果了。

擴(kuò)展資料：

前端和后端的區(qū)別：

1、展示方式

前端指的是用戶可見的界面，網(wǎng)站前端頁面也就是網(wǎng)頁的頁面開發(fā)，比如網(wǎng)頁上的特效、布局、圖片、視頻，音頻等內(nèi)容。前端的工作內(nèi)容就是將美工設(shè)計的效果圖的設(shè)計成瀏覽器可以運行的網(wǎng)頁，并配合后端做網(wǎng)頁的數(shù)據(jù)顯示和交互等可視方面的工作內(nèi)容。

后端是指用戶看不見的東西，通常是與前端工程師進(jìn)行數(shù)據(jù)交互及網(wǎng)站數(shù)據(jù)的保存和讀取，相對來說后端涉及到的邏輯代碼比前端要多，后端考慮的是底層業(yè)務(wù)邏輯的實現(xiàn)，平臺的穩(wěn)定性與性能等。

2、所用技術(shù)

前端開發(fā)用到的技術(shù)包括但不限于html5、css3、javascript、jquery、Bootstrap、Node.js 、Webpack、AngularJs、ReactJs、VueJs等技術(shù)。

后端開發(fā)以java為例，主要用到的包括但不限于Struts、spring、springmvc、Hibernate Http協(xié)議、Servlet、Tomcat服務(wù)器等技術(shù)。

3、工作職責(zé)

前端工程師主要的工作職責(zé)分為三大部分，分別是傳統(tǒng)的Web前端開發(fā)，移動端開發(fā)和大數(shù)據(jù)呈現(xiàn)端開發(fā)。

后端工程師的主要職責(zé)也集中在三大部分，分別是平臺設(shè)計、接口設(shè)計和功能實現(xiàn)。

4、知識結(jié)構(gòu)

在知識結(jié)構(gòu)方面，前端開發(fā)涉及到的內(nèi)容包括Html、CSS、JavaScript、Android開發(fā)（采用Java或者kotlin）、iOS開發(fā)（采用OC或者Swift）、各種小程序開發(fā)技術(shù)（類Html），隨著前端開發(fā)任務(wù)的不斷拓展，前端開發(fā)后端化也是一個較為明顯的趨勢。

后端開發(fā)的重點在于算法設(shè)計、數(shù)據(jù)結(jié)構(gòu)、性能優(yōu)化等方面，在具體的功能實現(xiàn)部分可以采用Java、Python或者PHP等編程語言來實現(xiàn)。

html網(wǎng)頁計算器代碼怎么寫？

html網(wǎng)頁計算器代碼編寫過程如下：

1.首先我們要做好一個計算器的界面，主要用到html與css的知識，下面是代碼

table id="calculater" onClick="calculater()"

tr

td id="display" colspan="5"0/td

/tr

tr

td class="numberkey" 1/td

td class="numberkey" 2/td

td class="numberkey" 3/td

td class="numberkey" +/td

td class="numberkey" ?id="deletesign"c/td

/tr

tr

td class="numberkey" 4/td

td class="numberkey" 5/td

td class="numberkey" 6/td

td class="numberkey" -/td

td rowspan="3" id="equality" onclick="resultscalcaulte()"=/td

/tr

tr

td class="numberkey" 7/td

td class="numberkey" 8/td

td class="numberkey" 7/td

td class="numberkey" */td

/tr

tr

td class="numberkey" +/-/td

td class="numberkey" 0/td

td class="numberkey" ./td

td class="numberkey" //td ? ? ? ? ?

/tr

上面設(shè)置一個簡單的table表格，主要內(nèi)容是計算器的數(shù)字鍵盤和符號，還有就是class名和ID名，函數(shù)名，主要是用作css樣式設(shè)計和javascript程序設(shè)計，后面會用到，就先貼出來了

colspan="5"?是合并五列的意思，表示這個單元格要占五列

rowspan="3"是合并三行的意思，表示這個單元格要占三行

效果如下，這樣一個簡單的架構(gòu)就完成了

2.接下來就是css的設(shè)計，下面是代碼

*{

padding:0;

margin:1px;

}

#calculater{

margin: auto;

margin-top: 30px;

border: solid 6px #2371D3;

border-spacing: 0px;

}

#display{

width: 100%;

height: 30px;

border-bottom: solid 4px #2371D3;

font-weight: bold;

color: #193D83;

font-family: 黑體;

padding-left: 2px;

}

.numberkey{

cursor: pointer;

width: 40px;

height: 30px;

border: solid 1px #FFFFFF;

background: #2371D3;

color: #ffffff;

text-align: center;

font-weight: bold;

font-family: 黑體;

}

#equality{

cursor: pointer;

width: 40px;

height: 100%;

background: #2371D3;

border: solid 1px #FFFFFF;

color: #ffffff;

text-align: center;

font-weight: bold;

font-family: 黑體;

}

.numberkey:hover{

background: #EA6F30;

}

#equality:hover{

background: #EA6F30;

}

以上是css代碼，比較簡單

border-spacing: 0px;

這里代碼的意義是：table中單元格與單元格，表格邊緣都有默認(rèn)距離，這里border-spacing: 0px;能使其默認(rèn)距離為零，沒有這句會比較難設(shè)計好看的樣式。

cursor: pointer;

這里代碼的意義是：使鼠標(biāo)放在上面時變成一個手的標(biāo)志

效果如下

3.接下來是javascript的代碼，按照思路來一點點寫

首先我們要設(shè)計，當(dāng)鼠標(biāo)點擊某個單元格時我們能獲取這個單元格上的內(nèi)容，即數(shù)字或符號

所以我們在table標(biāo)簽里加上onClick="calculater()"，添加一個點擊事件

然后用event.srcElement.innerText獲取單元格上的內(nèi)容，event是事件的意思，在這里這個事件當(dāng)然是點擊了，srcElement就是事件的元素，在這里是被點擊的單元格，innerText是獲取這個單元格的內(nèi)容。

這里我們就可以寫出這個函數(shù)第一行代碼，獲取被點擊的單元格的內(nèi)容

function calculater(){

results=event.srcElement.innerText;

}

results就是單元格的內(nèi)容

4.當(dāng)然獲取了什么要顯示在第一個單元格那里，這里我們還是用innerText，來輸出這個點擊的值

display.innerText=results;

這里代碼的意義是：display是第一格單元格的id,就是在第一行顯示你點擊了什么

calculater()的代碼就變成這樣

function calculater(){

results=event.srcElement.innerText;

display.innerText=results;

}

這樣我們就能輸出我們點擊的單元格內(nèi)容

5.但這樣我們只能輸出一次單擊的內(nèi)容，為了把內(nèi)容串起來，我們把代碼改為

var results="";

function calculater(){

results+=event.srcElement.innerText;

display.innerText=results;

}

設(shè)置results為全局變量，event.srcElement.innerText用+=累加進(jìn)results，

這樣我們就能輸入并顯示一條算式

6.我們在“=”單元格標(biāo)簽里加上onClick="resultscalcaulte()"，計算這個結(jié)果

function resultscalcaulte(){

calresults=eval(results);

display.innerText=calresults;

}

eval();能運行括號里的javascript語句的字符串，并返回其值，如果results等于7+8，那eval就會計算7+8，并返回56，然后后面一條代碼把56顯示出來

7.加入上面的運算后，還是無法顯示結(jié)果，原因是點擊“=”單元格會先觸發(fā)resultscalcaulte()函數(shù)，再觸發(fā)calculater()函數(shù)，所以我們在resultscalcaulte()得到的結(jié)果就被calculater()的結(jié)果覆蓋了，我們需要再在calculater()里加上

if (event.srcElement.innerText=="=") {

return;

}

使點擊“=”單元格觸發(fā)的calculater()函數(shù)得不到任何結(jié)果

最后得到最簡單的計算器運算代碼

var results="";

var calresults="";

function calculater(){

if (event.srcElement.innerText=="=") {

return;

}

results+=event.srcElement.innerText;

display.innerText=results;

}

function resultscalcaulte(){

calresults=eval(results);

display.innerText=calresults;

}

8.下面是計算7*8的結(jié)果

網(wǎng)頁設(shè)計常用HTML代碼

網(wǎng)頁設(shè)計常用HTML代碼大全

HTML是用來描述網(wǎng)頁的一種語言。下面我為大家分享HTML代碼，希望對大家學(xué)習(xí)html代碼有幫助！

忽視右鍵

body oncontextmenu="return false"

或

body style="overflow-y:hidden"

1.如何幾秒后轉(zhuǎn)到別的頁面？

META HTTP-EQUIV="Refresh" CONTENT="時間;URL=地址"

2.點擊關(guān)閉窗口

a href="javascript:top.window.close();"點擊關(guān)閉窗口/a！

3.請問如何去掉主頁右面的滾動條？

body scroll="no"

body style="overflow-y:hidden"

4.請問如何做到讓一個網(wǎng)頁自動關(guān)閉.

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秒過后自動關(guān)閉,而且不會出現(xiàn)提示. /body

如何在不刷新頁面的情況下刷新css?

style

button{ color:#000000;}

/style

button onclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘點擊按鈕直接修改style標(biāo)簽里button選擇符使按鈕改為紅色/button

請問如何讓網(wǎng)頁自動刷新？

在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文件在網(wǎng)頁做一個試聽連接？

embed height=25　src=51js.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" controls="PlayButton"

9.如何用html實現(xiàn)瀏覽器上后退按鈕的功能？

a href="java script:history.go(-1)"點擊后退/a

或者

script history.back() /script

10.請問怎么在網(wǎng)頁中改變鼠標(biāo)的箭頭形狀？

HTML 代碼片段如下:

body

a href="#" style="cursor: auto;"auto/abr

a href="#" style="cursor: crosshair "crosshair /abr

a href="#" style="cursor: default "default /abr

a href="#" style="cursor: hand "hand /abr

a href="#" style="cursor: move "move /abr

a href="#" style="cursor: e-resize "e-resize /abr

a href="#" style="cursor: ne-resize "ne-resize /abr

a href="#" style="cursor: nw-resize"nw-resize/abr

a href="#" style="cursor: n-resize"n-resize/abr

a href="#" style="cursor: se-resize"se-resize/abr

a href="#" style="cursor: sw-resize"sw-resize/abr

a href="#" style="cursor: s-resize"s-resize/abr

a href="#" style="cursor: w-resize"w-resize/abr

a href="#" style="cursor: text"text/abr

a href="#" style="cursor: wait"wait/abr

a href="#" style="cursor: help"help/abr

/body

11.怎樣不使用頁面的緩存？即每一次打開頁面時不是調(diào)用緩存中的東西

META HTTP-EQUIV="Pragma" CONTENT="no-cache"

12.頁面打開時自動彈出一個窗口的代碼怎么寫？

HTML 代碼片段如下:

html

head

titleUntitled 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(‘‘‘‘‘‘‘‘,‘‘‘‘,‘‘‘‘width=400,height=400‘‘‘‘)"

/body

/html

13.如何讓我的頁面出現(xiàn)一個會講話的小人？Merlin

HTML 代碼片段如下:

HTML

HEAD

TITLE默林/TITLE

META http-equiv=Content-Type content="text/html; charset=gb2312"

/HEAD

BODY

pOBJECT 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 代碼片段如下:

htmlhead

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.文本輸入框什么屬性能實現(xiàn)不可輸入？

HTML 代碼片段如下:

input type="text" name="textfield" disabled

或者

input type="text" name="textfield" readonly

16.如何禁止自己的頁面在別人的框架里打開？

把以下代碼加至你的head區(qū)

script

if (window.top!=self){

window.top.location=self.location

}

/script

17.如何實現(xiàn)首頁全屏幕顯示？

HTML 代碼片段如下:

html

bodyscript language="B style="color:black;background-color:#A0FFFF"javascript/B"

var coolw=642

var coolh=400

var coolhuang=window.open("","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.如何監(jiān)聽一個窗口被關(guān)閉了？

HTML 代碼片段如下:

body onunload="alert(‘‘‘‘你關(guān)閉了這個窗口‘‘‘‘)"

19.如何禁止Ctrl+N？

HTML 代碼片段如下:

body onkeydown=return(!(event.keyCode==78event.ctrlKey))

如何把頁面加入用戶的收藏夾？

HTML 代碼片段如下:

a href="B style="color:black;background-color:#A0FFFF"javascript/B:window.external.AddFavorite(‘‘‘‘‘‘‘‘,‘‘‘‘無憂腳本‘‘‘‘)"收藏?zé)o憂腳本/a

如何在我的'頁面中加入背景音樂？

IE: bgsound src="*.mid" loop=infinite

NS:embed src="*.mid" autostart=true hidden=true loop=true

*.mid你的背景音樂的midi格式文件

關(guān)于頁面轉(zhuǎn)換效果

meta http-equiv="page-enter" content="revealTrans(Duration=4,Transition=23)"

或

meta http-equiv="page-exit" content="revealTrans(Duration=4,Transition=23)"

說明：Transition=23是隨機(jī)效果，另可以選0-22任一數(shù)字固定某個效果

如何設(shè)定打開頁面的大小

HTML 代碼片段如下:

body onload="top.resizeTo(300,200);"!--(width，height)--

怎樣雙擊滾屏，單擊停止？

HTML 代碼片段如下:

html

head

title新網(wǎng)頁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

pa/ppa/ppa/ppaa/ppaa/ppaa/p

paa/ppaa/ppaa/ppaa/ppaa/ppaa/p

paa/ppaa/ppaa/ppaa/ppaa/ppaa/p

paa/ppaa/ppaa/ppaa/ppa/p

/body

/html

如何讓body中的文字不被選中？

HTML 代碼片段如下:

body onselectstart="return false" aaa/body

如何讓彈出的窗口不能關(guān)閉？

在新開的窗口中加入如下代碼

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

表單中如何用圖片按鈕實現(xiàn) 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

進(jìn)入網(wǎng)頁時彈出的信息對話框

body onLoad="window.alert(‘‘‘‘歡迎光臨本站‘‘‘‘)"

關(guān)閉窗口后彈出對話框

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="動易;"

PARAM name="Item2" value="搜狐;"

PARAM name="Item3" value="新浪;"

PARAM name="Item4" value="網(wǎng)易;"

PARAM name="Item5" value="互動學(xué)院;"

/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;" PARAM name="Item2" value="byhu;" PARAM name="Item3" value="lzz;" /object a href=javascript:HHCtrl.Click() title="下拉菜單"下拉菜單/a

;

html求制作一個簡單網(wǎng)頁代碼，只需要一些文字加張圖片

具體步驟如下：

靜態(tài)網(wǎng)頁現(xiàn)階段主要采用DIV+CSS+Javascript來實現(xiàn),

第一步:在桌面上創(chuàng)建一個文本文件;

第二步:將文本名改為"test.html"(擴(kuò)展名為.html或者.htm即可,看不見擴(kuò)展名可以到);

第三步:文件名改好后,右擊打開方式,選擇記事本;

第四步:寫代碼。

html代碼寫成下圖這樣即可:

2.css代碼寫在下圖區(qū)域內(nèi):

3.javascript代碼寫在下圖區(qū)域內(nèi):

第五步:在這些代碼區(qū)域內(nèi)寫上你的代碼;

第六步:保存該文本文件;然后右擊打開選擇一個瀏覽器打開;如果出現(xiàn)“已限制網(wǎng)頁運行腳本。。?！秉c擊允許。

代碼如下：

!doctype html

html

head

meta charset="UTF-8"

meta name="Generator" content="EditPlus?"

meta name="Author" content=""

meta name="Keywords" content=""

meta name="Description" content=""

titleDocument/title

/head

body

img src="這里填你的圖片名字，例如1.jpg，圖片跟html放在同一個文件夾下面就行"

img src="2.jpg"

img src="3.jpg"

p這里輸入你想要輸入的文字/p

/body

/html

關(guān)于html簡易網(wǎng)頁代碼和html做網(wǎng)頁的代碼的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。