多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

中國最全I(xiàn)T社區(qū)平臺聯(lián)系我們 | 收藏本站

HTML教程

←上一篇： HTML中如何鍵入空格

→下一篇：全方位詳解HTML常用標(biāo)簽（含視頻教程）

程序員必須知道的HTML常用代碼有哪些？

閱讀 (2211)

HTML即超文本標(biāo)記語言，是目前應(yīng)用最為廣泛的語言之一，是組成一個網(wǎng)頁的主要語言。在現(xiàn)今這個HTML5華麗麗地占領(lǐng)了整個互聯(lián)網(wǎng)的時候，如果想要通過網(wǎng)頁抓住瀏覽者的眼球光靠因循守舊是不行的，程序猿們需要掌握一些必須知道的HTML常用代碼，因為只有熟悉掌握了常用的HTML代碼，程序猿們在編寫網(wǎng)頁的時候才可以做到流暢美觀，用細(xì)膩的思維和創(chuàng)意的細(xì)節(jié)效果打動并留住網(wǎng)頁瀏覽者。

html+css代碼

文本設(shè)置
1、font-size: 字號參數(shù)
2、font-style: 字體格式
3、font-weight: 字體粗細(xì)
4、顏色屬性
color: 參數(shù)
注意使用網(wǎng)頁安全色

超鏈接設(shè)置
text-decoration: 參數(shù)
主要用途是改變?yōu)g覽器顯示文字鏈接時的下劃線。
參數(shù)取值范圍：
underline：為文字加下劃線
overline：為文字加上劃線
line-through：為文字加刪除線
blink：使文字閃爍
none：不顯示上述任何效果

背景
1、背景顏色
background-color: 參數(shù)
2、背景圖片
background-image: url(URL)
URL就是背景圖片的存放路徑，none表示無。
3、背景圖片重復(fù)
background-repeat: 參數(shù)
參數(shù)取值范圍：
no-repeat：不重復(fù)平鋪背景圖片
repeat-x：使圖片只在水平方向上平鋪
repeat-y：使圖片只在垂直方向上平鋪
如果不指定背景圖片重復(fù)屬性，瀏覽器默認(rèn)的是背景圖片向水平、垂直兩個方向上平鋪。
4、背景圖片固定
背景圖片固定控制背景圖片是否隨網(wǎng)頁的滾動而滾動。如果不設(shè)置背景圖片固定屬性，瀏覽器默認(rèn)背景圖片隨網(wǎng)頁的滾動而滾動。為了避免過于花哨的背景圖片在滾動時轉(zhuǎn)移瀏覽者的注意力，一般都設(shè)為固定
background-attachment: 參數(shù)
參數(shù)取值范圍：
fixed：網(wǎng)頁滾動時，背景圖片相對于瀏覽器的窗口而言，固定不動
scroll：網(wǎng)頁滾動時，背景圖片相對于瀏覽器的窗口而言，一起滾動

區(qū)塊
1、單詞間距
word-spacing: 間隔距離
2、字母間距
letter-spacing: 字母間距
3、文本對齊
text-align: 參數(shù)
參數(shù)的取值：
left：左對齊
right：右對齊
center：居中對齊
justify：相對左右對齊
4、垂直對齊
vertical-align: 參數(shù)
top：頂對齊
bottom：底對齊
text-top：相對文本頂對齊
text-bottom：相對文本底對齊
baseline：基準(zhǔn)線對齊
middle：中心對齊
sub：以下標(biāo)的形式顯示
super：以上標(biāo)的形式顯示
5、文本縮進
text-indent: 縮進距離
12px相當(dāng)于一個文字距離
6、空格
white-space: 參數(shù)
normal 正常
pre 保留
nowrap 不換行
7、顯示樣式
display: 參數(shù)
參數(shù)取值范圍：
block：塊級元素，在對象前后都換行
inline：在對象前后都不換行
list-item：在對象前后都換行，增加了項目符號
none：無顯示

方框
1、height 高度
2、width 寬度
3、padding 內(nèi)邊距
4、margin 外邊距
5、float（浮動）：可以讓塊級元素在一行中排列，例如橫向菜單。
6、clear 清除浮動

邊框
1、樣式
border style 參數(shù)
邊框樣式的參數(shù)：
none：無邊框
dotted：邊框為點線
dashed：邊框為長短線
solid：邊框為實線
double：邊框為雙線
2、寬度
border width 參數(shù)
3、顏色
border color 參數(shù)

列表
list-style-type 列表樣式
不同瀏覽器的列表符可能不相同，可能會影響到網(wǎng)頁，所以網(wǎng)頁中的列表大多都是由背景圖片顯示。
控制用戶界面的樣式

鼠標(biāo)
cursor：鼠標(biāo)形狀參數(shù)
CSS鼠標(biāo)形狀參數(shù)表：
鼠標(biāo)形狀：CSS代碼
style="cursor:hand" 　　　　　手形
style="cursor:crosshair" 　　十字形
style="cursor:text" 　　　　　文本形
style="cursor:wait" 　　　　　沙漏形
style="cursor:move" 　　　　十字箭頭形：
style="cursor:help" 　　　　　問號形
style="cursor:e-resize" 　　　右箭頭形
style="cursor:n-resize" 　　　上箭頭形
style="cursor:nw-resize" 　　左上箭頭形
style="cursor:w-resize" 　　　左箭頭形
style="cursor:s-resize" 　　　下箭頭形
style="cursor:se-resize" 　　右下箭頭形
style="cursor:sw-resize" 　　左下箭頭形

HTML常用代碼之：結(jié)構(gòu)性定義

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

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

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

文體<BODY></BODY> （文件本體）

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

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

區(qū)分<DIV></DIV>

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

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

強調(diào)<EM></EM> （通常會以斜體顯示）

特別強調(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>

打字機體<TT></TT> （用單空格字型顯示）

預(yù)定格式<PRE></PRE> （保留文件中空格的大小）

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

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

閃耀<BLINK></BLINK> （有史以來最被嘲弄的標(biāo)簽）

字體大小 <FONTSIZE=?></FONT>（從1到7）

改變字體大小 <FONTSIZE=+|-?></FONT>

基本字體大小 <BASEFONTSIZE=?> （從1到7; 內(nèi)定為3）

字體顏色 <FONTCOLOR="#$$"></FONT>（$$為顏色代碼）

HTML常用代碼之：修改頁面的實用性HTML代碼

貼圖：<img src="圖片地址">

加入連接：<a href="所要連接的相關(guān)地址">寫上你想寫的字</a>

在新窗口打開連接：<a href="相關(guān)地址" target="_blank">寫上要寫的字</a>

移動字體(走馬燈)：<marquee>寫上你想寫的字</marquee>

字體加粗：<b>寫上你想寫的字</b>

字體斜體：<i>寫上你想寫的字</i>

字體下劃線: <u>寫上你想寫的字</u>

字體刪除線: <s>寫上你想寫的字</s>

字體加大: <big>寫上你想寫的字</big>

字體控制大小：<h1>寫上你想寫的字</h1> (其中字體大小可從h1-h5,h1最大，h5最小)

更改字體顏色：<font color="#value">寫上你想寫的字</font>(其中value值在000000與ffffff(16位進制)之間

消除連接的下劃線：<a href="相關(guān)地址" style="text-decoration:none">寫上你想寫的字</a>

貼音樂：<embed src="音樂地址" width="寬度" height="高度" autostart=false>

貼flash: <embed src="flash地址" width="寬度" height="高度">

貼影視文件：<img dynsrc="文件地址" width="寬度" height="高度" start=mouseover>

換行：<br>

段落：<p>段落</p>

原始文字樣式：<pre>正文</pre>

換帖子背景：<body background="背景圖片地址">

固定帖子背景不隨滾動條滾動：<body background="背景圖片地址" body bgproperties=fixed>

定制帖子背景顏色：<body bgcolor="#value">(value值見10)

帖子背景音樂：<bgsound="背景音樂地址" loop=infinite>

貼網(wǎng)頁：<iframe. src="相關(guān)地址" width="寬度" height="高度"></iframe>

HTML常用代碼之：常常會遇到的問題

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

請問如何去掉主頁右面的滾動條？
<body scroll="no">

如何做到讓一個網(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 >
這個窗口會在10秒過后自動關(guān)閉,而且不會出現(xiàn)提示. </body>

如何在不刷新頁面的情況下刷新css?
<style>
button{ color:#000000;}
</style>
<button nclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘>點擊按鈕直接修改style標(biāo)簽里button選擇符使按鈕改為　　紅色</button>
　　

請問如何讓網(wǎng)頁自動刷新？
在head部記入<META. HTTP-EQUIV="Refresh" c>其中20為20秒后自動刷新，你可以更改為任意值。
如何讓頁面自動刷新？
方法一，用refresh

HTML 代碼片段如下:
<head>
<meta. http-equiv="refresh" c>
</head>
5表示刷新時間
[Ctrl+A 全部選擇提示:你可先修改部分代碼，再按運行]

方法二，使用setTimeout控制
<img src=/logo.gif>
<script>
function rl(){
document.location.reload()
}
setTimeout(rl,2000)
</SCRIPT>

如何讓超鏈接沒有下劃線
在源代碼中的<HEAD>…</HEAD>之間輸入如下代碼：
<style. type="text/css">  </style>

請問如何去掉IE的上下滾動條？
<body style=‘‘‘‘overflow:scroll;overflow-y:hidden‘‘‘‘>
</body>

怎樣才能把RealPlayer文件在網(wǎng)頁做一個試聽連接？
<embed height=25　src=51js.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" c>

如何用html實現(xiàn)瀏覽器上后退按鈕的功能？
<a href="java script.:history.go(-1)">點擊后退</a>
或者
<script> history.back() </SCRIPT>

HTML常用代碼之：你不一定知道的技巧

ncontextmenu="window.event.returnValue=false" 將徹底屏蔽鼠標(biāo)右鍵
<table borderncontextmenu=return(false)><td>no</table> 可用于Table

<body nselectstart="return false"> 取消選取、防止復(fù)制

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

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

<inputstyle="ime-mode:disabled"> 關(guān)閉輸入法

永遠(yuǎn)都會帶著框架
<script. language="JavaScript"></script>

防止被人frame.

<SCRIPT. LANGUAGE=JAVASCRIPT></SCRIPT>

網(wǎng)頁將不能被另存為

查看網(wǎng)頁源代碼

刪除時確認(rèn)

屏蔽功能鍵Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift鍵!");//可以換成ALT　CTRL
}
document.onkeydown=look;
</script>

網(wǎng)頁不會被緩存
<META. HTTP-EQUIV="pragma" CONTENT="no-cache">
<META. HTTP-EQUIV="Cache-Control"CONTENT="no-cache, must-revalidate">
<META. HTTP-EQUIV="expires"CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META. HTTP-EQUIV="expires"CONTENT="0">

怎樣讓表單沒有凹凸感？
<input type=text style="border:1 solid #000000">
<input type=text style="border-left:none;border-right:none; border -top:none; border-bottom: 1 solid#000000"></textarea>

不要滾動條?
讓豎條沒有:
<body style="overflow:scroll;overflow-y:hidden">
</body>　　

讓橫條沒有:
<body style="overflow:scroll;overflow-x:hidden">
</body>
兩個都去掉？更簡單了
<body scroll="no">
</body>

怎樣去掉圖片鏈接點擊后，圖片周圍的虛線？

電子郵件處理提交表單

<form. name="form1"method="post" action="mailt****@***.com"enctype="text/plain">
<input type=submit>
</form>

在打開的子窗口刷新父窗口的代碼里如何寫？
window.opener.location.reload()

如何設(shè)定打開頁面的大小
<body nload="top.resizeTo(300,200);">
打開頁面的位置<bodynload="top.moveBy(300,200);">

在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動
<STYLE>
body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>

檢查一段字符串是否全由數(shù)字組成
<script. language="Javascript"></script>

獲得一個窗口的大小
document.body.clientWidth; document.body.clientHeight

怎么判斷是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有漢字");
else alert("全是字符");

TEXTAREA自適應(yīng)文字行數(shù)的多少
<textarea rows=1 name=s1 cols=27npropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

日期減去天數(shù)等于第二個日期
<script. language=Javascript>
function cc(dd,dadd)
{
//可以加上錯誤處理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() +1) + "月" + a.getDate() + "日")
} cc("12/23/2002",2)
</script>

選擇了哪一個Radio
<HTML><script. language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio"value="style" checked>Style.
<INPUT name="radio1" type="radio"value="barcode">Barcode
<INPUT type="button" value="check"nclick="checkme()">
</BODY></HTML>

腳本永不出錯
<SCRIPT. LANGUAGE="JavaScript">

</SCRIPT>

ENTER鍵可以讓光標(biāo)移到下一個輸入框
<input nkeydown="if(event.keyCode==13)event.keyCode=9">

HTML 特殊符號編碼對照表

特殊符號	命名實體	十進制編碼	特殊符號	命名實體	十進制編碼	特殊符號	命名實體	十進制編碼
Α	Α	Α	Β	Β	Β	Γ	Γ	Γ
Δ	Δ	Δ	Ε	Ε	Ε	Ζ	Ζ	Ζ
Η	Η	Η	Θ	Θ	Θ	Ι	Ι	Ι
Κ	Κ	Κ	Λ	Λ	Λ	Μ	Μ	Μ
Ν	Ν	Ν	Ξ	Ξ	Ξ	Ο	Ο	Ο
Π	Π	Π	Ρ	Ρ	Ρ	Σ	Σ	Σ
Τ	Τ	Τ	Υ	Υ	Υ	Φ	Φ	Φ
Χ	Χ	Χ	Ψ	Ψ	Ψ	Ω	Ω	Ω
α	α	α	β	β	β	γ	γ	γ
δ	δ	δ	ε	ε	ε	ζ	ζ	ζ
η	η	η	θ	θ	θ	ι	ι	ι
κ	κ	κ	λ	λ	λ	μ	μ	μ
ν	ν	ν	ξ	ξ	ξ	ο	ο	ο
π	π	π	ρ	ρ	ρ	?	&sigmaf;	ς
σ	σ	σ	τ	τ	τ	υ	υ	υ
φ	φ	φ	χ	χ	χ	ψ	ψ	ψ
ω	ω	ω	?	&thetasym;	ϑ	?	&upsih;	ϒ
?	ϖ	ϖ	?	•	•	…	…	…
′	′	′	″	″	″	￣	&oline;	‾
?	&frasl;	⁄	?	&weierp;	℘	?	&image;	ℑ
?	&real;	ℜ	?	™	™	?	&alefsym;	ℵ
←	←	←	↑	↑	↑	→	→	→
↓	↓	↓	?	↔	↔	?	&crarr;	↵
?	⇐	⇐	?	&uArr;	⇑	?	⇒	⇒
?	&dArr;	⇓	?	⇔	⇔	?	∀	∀
?	∂	∂	?	∃	∃	?	∅	∅
?	∇	∇	∈	∈	∈	?	∉	∉
?	&ni;	∋	∏	∏	∏	∑	∑	−
?	−	−	?	&lowast;	∗	√	√	√
∝	&prop;	∝	∞	∞	∞	∠	&ang;	∠
∧	&and;	⊥	∨	&or;	⊦	∩	∩	∩
∪	∪	∪	∫	∫	∫	∴	&there4;	∴
～	&sim;	∼	?	&cong;	≅	≈	≈	≅
≠	≠	≠	≡	&equiv;	≡	≤	≤	≤
≥	≥	≥	?	⊂	⊂	?	⊃	⊃
?	&nsub;	⊄	?	&sube;	⊆	?	&supe;	⊇
⊕	&oplus;	⊕	?	&otimes;	⊗	⊥	&perp;	⊥
?	⋅	⋅	?	&lceil;	⌈	?	&rceil;	⌉
?	&lfloor;	⌊	?	&rfloor;	⌋	?	&loz;	◊
?	&spades;	♠	?	&clubs;	♣	?	&hearts;	♥
?	&diams;	♦				?	¡	¡
￠	¢	¢	￡	£	£	¤	¤	¤
￥	¥	¥	\|	¦	¦	§	§	§
¨	¨	¨	©	©	©	a	ª	ª
?	«	«	?	¬	¬	-
®	®	®	ˉ	¯	¯	°	°	°
±	±	±	2	²	²	3	³	³
′	´	´	μ	µ	&#181	"	"	"
<	<	<	>	>	>	'		'