html常用代碼大全

太低了，網(wǎng)頁(yè)還用這么老式的！得到一個(gè)粗體字，下劃線是亮點(diǎn)？這真是一股濃濃的鄉(xiāng)風(fēng)；讓圖片在頁(yè)面上浮動(dòng)是一種動(dòng)畫(huà)效果。如果你這么想，我只能保持沉默。當(dāng)html5占據(jù)整個(gè)互聯(lián)網(wǎng)的時(shí)候，為了通過(guò)網(wǎng)頁(yè)抓住大家的眼球而因循守舊是不可行的。所以，有一些常見(jiàn)的html代碼是你忍不住要知道的。只有熟悉了常用的html代碼，才能流暢的寫(xiě)網(wǎng)頁(yè)，才能處處用精致有創(chuàng)意的動(dòng)態(tài)細(xì)節(jié)打動(dòng)大家。

這里還是要說(shuō)一下自己搭建的前端javascript學(xué)習(xí)交流群。不管你是小白還是丹尼爾，我都?xì)g迎小編。小白，多問(wèn)一些問(wèn)題，你會(huì)學(xué)得很好的。時(shí)不時(shí)會(huì)分享干貨，包括2020年比較新的前端學(xué)習(xí)資料。歡迎新手和朋友。

html代碼大全：結(jié)構(gòu)性定義

文件類(lèi)型html/html(放在文件的開(kāi)頭和結(jié)尾)

文件標(biāo)題/標(biāo)題(必須放在“標(biāo)題”欄中)

負(fù)責(zé)人/負(fù)責(zé)人(描述性數(shù)據(jù)，如“主題”)

樣式正文/正文(文檔正文)

航向h？/h？(從1到6，有六個(gè)級(jí)別可供選擇)

航向?qū)?zhǔn)h？對(duì)齊=左|中|右/高？

區(qū)分div/div

區(qū)分對(duì)齊divalign=左|右|中|對(duì)齊/div

引用塊塊引用/塊引用(通常縮進(jìn))

強(qiáng)調(diào)em/em(通常用斜體)

強(qiáng)調(diào)strong/strong(通常用粗體)

引用引用/引用引用(通常用斜體)

代碼/代碼(用于顯示源代碼)

樣本樣本/樣本

鍵盤(pán)輸入kbd/kbd

變量風(fēng)險(xiǎn)價(jià)值/風(fēng)險(xiǎn)價(jià)值

定義dfn/dfn(在某些瀏覽器中不可用)

address/address

大人物大/大

小字小/小

外觀相關(guān)標(biāo)簽(作者定義的表示)

粗體

斜體輸入/輸出

下劃線(在某些瀏覽器中不可用)

刪除線(某些瀏覽器不提供)

下標(biāo)sub/sub

上標(biāo)超/超

打字正文tt/tt(以單空格字體顯示)

預(yù)定格式預(yù)/預(yù)(保留文件中的空間大小)

預(yù)定格式的寬度預(yù)寬度=？/pre(字符)

查看中心(文本和圖片都可以)

閃亮的眨眼/眨眼(有史以來(lái)比較被嘲笑的標(biāo)簽)

fontsize=？/font(從1到7)

更改字體大小fontsize=|-？/font

基本字體大小basefontsize=？(從1到7；默認(rèn)值為3)

font color font color=" # $ $ "/font($ $是顏色代碼)

2

html代碼大全：修改頁(yè)面的實(shí)用性html代碼

1)地圖：img src="圖片地址"

2)加入連接：a href="相關(guān)待連接地址"寫(xiě)下你想寫(xiě)的字/a

3)在新窗口中打開(kāi)連接：a href=" related address " target=" _ blank "并寫(xiě)下要寫(xiě)的字/a

4)移動(dòng)字體(行燈):選框?qū)懩阆雽?xiě)的字/選框

5)粗體：寫(xiě)下你想寫(xiě)的單詞

6)斜體字體：我寫(xiě)你想寫(xiě)的字/我

7)在字體： u下面劃線，寫(xiě)下你想寫(xiě)的字/u

8)字體刪除線： s寫(xiě)你想寫(xiě)的字/s

9)加大字號(hào)：大，寫(xiě)你想寫(xiě)的字/大

10)字體控制大小：h1寫(xiě)你想寫(xiě)的字/h1(其中字體大小可以從h1到h5，h1比較大，h5比較小)

11)更改字體顏色：font color="# value "寫(xiě)你想寫(xiě)的字/font(其中值在000000和ffffff(十六進(jìn)制)之間)

12)去掉連接的下劃線：a href=" related address " style=" text-decoration : none "寫(xiě)下你想寫(xiě)的字/a。

13)粘貼音樂(lè)：embed src=" music address " width=" width " height=" height " autostart=false

14)粘貼flash : embed src=" flash address " width=" width " height=" height "

15)粘貼視頻文件：img dynsrc="文件地址" width=" width " height=" height " start=mouse over

16)換行：br

17)段落：pstart /p

18)原文風(fēng)格：前置/前置

19)更改帖子背景：正文背景=“背景圖片地址”

20)固定帖子背景不隨滾動(dòng)條滾動(dòng)：正文背景=“背景圖片地址”正文

bgproperties=固定

21)自定義帖子背景色：body bgcolor="# value "(數(shù)值見(jiàn)10)

22)貼背景音樂(lè)：bgsound="背景音樂(lè)地址" loop=無(wú)限大

23)粘貼網(wǎng)頁(yè)：iframe。src="相關(guān)地址" width=" width " height=" height "/iframe

三

html代碼大全：常常會(huì)遇到的問(wèn)題

單擊關(guān)閉窗口

javascript . top . window . close；“關(guān)閉窗口！

如何去掉主頁(yè)右側(cè)的滾動(dòng)條？

正文滾動(dòng)=“否”

body style=" overflow-y : hidden "

如何讓網(wǎng)頁(yè)自動(dòng)關(guān)閉？

超文本標(biāo)記語(yǔ)言

頭

object id=closes type=" application/x-oil object " class id=" clsid : adb 880 a 6-d8ff-11 cf-9377-00 aa 003 b 7a 11 "

參數(shù)名="命令"值="關(guān)閉"

/object

/head

身體

該窗口將在10秒鐘后自動(dòng)關(guān)閉，無(wú)需提示。/body

不刷新頁(yè)面怎么刷新css？

風(fēng)格

按鈕{ color: # 000000}

/style

button nclick=文檔。樣式表[0]。規(guī)則[0]。風(fēng)格。color="""" " " " " " "紅色" " " "單擊按鈕直接修改樣式標(biāo)簽中的按鈕選擇器，以便將按鈕更改為紅色/button

如何自動(dòng)刷新網(wǎng)頁(yè)？

在表頭部分輸入meta.http-equiv="refresh" c，20秒后自動(dòng)刷新20，可以更改為任意值。

如何自動(dòng)刷新頁(yè)面？

方法一，使用刷新

html代碼片段如下：

頭

梅塔。http-equiv="refresh" c

/head

5表示刷新時(shí)間

[ctrl a全選提示：可以先修改一些代碼，然后按run]

方法2，使用settimeout控件

img src=/logo.gif

腳本

函數(shù)rl{

document.location.reload

}

settimeout(rl，2000)

/script

如何制作

超鏈接沒(méi)有下劃線

在源代碼中的頭…/頭之間輸入如下代碼：

風(fēng)格type="text/css "！

a { text-decoration: none}

/風(fēng)格

請(qǐng)問(wèn)如何去掉工業(yè)管理學(xué)(工業(yè)工程)的上下滾動(dòng)條？

body style=" " " "溢出：滾動(dòng)；溢出-y :隱藏""""

/body

怎樣才能把realplayer文件在網(wǎng)頁(yè)做一個(gè)試聽(tīng)連接？

audio/x-pn-real audio-plug width=50 auto start=" false " c

如何用超文本標(biāo)記語(yǔ)言實(shí)現(xiàn)瀏覽器上后退按鈕的功能？

a href=" java腳本。歷史。go(-1)"后退/a

或者

script history.back /script

四

html代碼大全：你不一定知道的技巧

16.n上下文菜單="窗口。事件。返回值=false "將徹底屏蔽鼠標(biāo)右鍵

表格邊框上下文菜單=return(false)tdno/table可用于桌子

17 . body n select start=" return false "取消選取、防止復(fù)制

18.onpaste="return false "不準(zhǔn)粘貼

19 . oncopy=" return false " ncut=" return false "防止復(fù)制

20.鏈接rel="快捷圖標(biāo)" href=" favicon.ico " ie地址欄前換成自己的圖標(biāo)

21 . link rel=" bookmark " href=" fav icon。ico "可以在收藏夾中顯示出你的圖標(biāo)

22 . input style=" ime-mode : disabled "關(guān)閉輸入法

23.永遠(yuǎn)都會(huì)帶著框架

劇本language="javascript "！

if(window==top)top。位置。href=" frames。htm "；//frames.htm為框架網(wǎng)頁(yè)

///腳本

24.防止被人框架。

腳本.language=javascript！

if (top.location！=self。位置)頂部。位置=自我。位置；

///script

25.網(wǎng)頁(yè)將不能被另存為

no script frame . src=* .html/iframe/noscript

26.查看網(wǎng)頁(yè)源代碼

輸入類(lèi)型=按鈕值=查看網(wǎng)頁(yè)源代碼

onclick="窗口。location=" view-source : " http://www .pc在線。com。cn " "

27.刪除時(shí)確認(rèn)

a href="javascript:if(確認(rèn)("確實(shí)要?jiǎng)h除嗎？”)location="boos.asp？你=刪除page=1 " "刪除/a

28.屏蔽功能鍵shift、alt、ctrl

腳本

函數(shù)look{

if(event.shiftkey)

警報(bào)("禁止按變化鍵!");//可以換成alt ctrl

}

document.onkeydown=look

/script

29.網(wǎng)頁(yè)不會(huì)被緩存

meta .http-equiv=" pragma " content=" no-cache "

meta .http-equiv="緩存-控制" content="無(wú)緩存，必須-重新驗(yàn)證"

meta .http-equiv=" expires " content=" wed，26 feb 1997 08:21:57 gmt "

或者meta .http-equiv="expires"content="0 "

30.怎樣讓表單沒(méi)有凹凸感？

input type=text style=" border :1 solid # 000000 "

或input type=text style=" border-left : none；右邊框：無(wú)；border-top :無(wú)；邊框-底部： 1實(shí)心# 000000 "/textarea

31.不要滾動(dòng)條？

讓豎條沒(méi)有：

body style=" overflow :卷軸；溢出-y :隱藏"

/body

讓橫條沒(méi)有：

body style=" overflow :卷軸；溢出-x :隱藏"

/body

兩個(gè)都去掉？更簡(jiǎn)單了

正文滾動(dòng)="否"

/body

32.怎樣去掉圖片鏈接后，圖片周?chē)奶摼€？

a href=" # " nfocus=" this。blur" img src="徽標(biāo)。jpg "邊框=0/a

33.電子郵件處理提交表單

表格name=" form 1 " method=" post " action=" mailt * * * * @ * * * .com"enctype="text/plain "

輸入類(lèi)型=提交

/form

34.在打開(kāi)的子窗口刷新父窗口的代碼里如何寫(xiě)？

window.opener.location.reload

35.如何設(shè)定打開(kāi)頁(yè)面的大小

body nload="top.resizeto(300，200)；"

打開(kāi)頁(yè)面的位置bodynload="top.moveby(300，200)；"

36.在頁(yè)面中如何加入不是滿鋪的背景圖片，拉動(dòng)頁(yè)面時(shí)背景圖不動(dòng)

風(fēng)格

身體

{背景圖片： url(logo。gif)；背景-重復(fù)：不重復(fù)；

背景-位置：中心；背景-附件：固定}

/style

37.檢查一段字符串是否全由數(shù)字組成

劇本language="javascript "！

函數(shù)checknum(str){ return str。匹配(//d/)== }

警報(bào)(checknum("1232142141 "))

警報(bào)(checknum("123214214a1 "))

///腳本

38.獲得一個(gè)窗口的大小

文件。尸體。客戶端寬度；document.body.clientheight

39.怎么判斷是否是字符

if (/[^/x00-/xff]/g.test(s))警報(bào)("含有漢字");

else alert("全是字符");

40.textarea自適應(yīng)文字行數(shù)的多少

text area rows=1 name=s1 cols=27np property change=" this。風(fēng)格。posheight=this。滾動(dòng)高度"

/textarea

41.日期減去天數(shù)等于第二個(gè)日期

劇本。語(yǔ)言=javascript

功能cc(dd，dadd)

{

//可以加上錯(cuò)誤處理

var a=新日期（日)

a=a.valueof

a=adadd * 24 * 60 * 60 * 1000

新日期

alert(a.getfullyear"年"(a . getmountry^ 1)"月" a.getdate"日")

} cc(" 12/23/2002 "，2)

/script

42.選擇了哪一個(gè)收音機(jī)

html腳本.language="vbscript "

函數(shù)checkme

對(duì)于無(wú)線電一中的每個(gè)向船外

如果檢查完畢，則window.alert ob.value

然后

結(jié)束功能

/scriptbody

input name=" radio 1 " type=" radio " value=" style "選中的樣式.

輸入名稱(chēng)="收音機(jī)1 "類(lèi)型="收音機(jī)"值="條形碼"條形碼

input type=" button " value=" check " n click=" check me"

/body/html

43.腳本永不出錯(cuò)

腳本.language="javascript "

！隱藏函數(shù)killerrors{返回true } window . one error=killerrors/

/script

44.進(jìn)入鍵可以讓光標(biāo)移到下一個(gè)輸入框

input nkeydown=" if(event。鍵碼==13)事件。鍵碼=9 "

文末再提兩點(diǎn)建議吧：

剛學(xué)前端java腳本語(yǔ)言的時(shí)候，一定不要追求速成，編程不比其他傳統(tǒng)行業(yè)，可以快速的上手，他需要一定的代碼量積累起來(lái)，不然你追求速成很可能會(huì)車(chē)毀人亡。

華風(fēng)揚(yáng)是一家創(chuàng)業(yè)點(diǎn)子分享平臺(tái)，在這里提供互聯(lián)網(wǎng)創(chuàng)業(yè)項(xiàng)目，以及引流推廣、網(wǎng)絡(luò)營(yíng)

銷(xiāo)售，實(shí)用案例分享，需要線上創(chuàng)業(yè)思路，然后去中國(guó)，找項(xiàng)目，學(xué)推廣，來(lái)中國(guó)！

聯(lián)系我們：微信微信賬號(hào)搜索“大禹說(shuō)了點(diǎn)什么”

版權(quán)聲明：本網(wǎng)站上的一些文章來(lái)源于或改編自互聯(lián)網(wǎng)和其他公共平臺(tái)。主要目的是分享信息。版權(quán)歸原作者所有。內(nèi)容僅供讀者參考。如有侵權(quán)，請(qǐng)聯(lián)系我們。如果轉(zhuǎn)載，請(qǐng)注明出處：http://www.uxxsn.com/32203.html