14-5-13日记
標(biāo)簽
<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">//聲明標(biāo)簽
標(biāo)簽都是成對的！
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/><!--utf-8/gb2312防止亂碼-->
?
<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
上面這些代碼我們稱做DOCTYPE聲明。DOCTYPE是document?type(文檔類型)的簡寫，用來說明你用的XHTML或者HTML是什么版本。
其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文檔類型定義，里面包含了文檔的規(guī)則，瀏覽器就根據(jù)你定義的DTD來解釋你頁面的標(biāo)識(shí)，并展現(xiàn)出來。
要建立符合標(biāo)準(zhǔn)的網(wǎng)頁，DOCTYPE聲明是必不可少的關(guān)鍵組成部分；除非你的XHTML確定了一個(gè)正確的DOCTYPE，否則你的標(biāo)識(shí)和CSS都不會(huì)生效。
<html?xmlns="http://www.w3.org/1999/xhtml">
這個(gè)"xmlns"是XHTML?namespace的縮寫，叫做"名字空間"聲明。名字空間是什么作用呢？
答：由于xml允許你自己定義自己的標(biāo)識(shí)，你定義的標(biāo)識(shí)和其他人定義的標(biāo)識(shí)有可能相同，但表示不同的意義。當(dāng)文件交換或者共享的時(shí)候就容易產(chǎn)生錯(cuò)誤。為了避免這種錯(cuò)誤發(fā)生，XML?采用名字空間聲明，允許你通過一個(gè)網(wǎng)址指向來識(shí)別你的標(biāo)識(shí)。
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
為了被瀏覽器正確解釋和通過W3C代碼校驗(yàn)，所有的XHTML文檔都必須聲明它們所使用的編碼語言，我們一般使用gb2312(簡體中文)或utf-8，制作多國語言頁面也有可能用Unicode、ISO-8859-1等，根據(jù)你的需要定義
?
?
標(biāo)題標(biāo)簽<h1></h1>
<p>這是個(gè)段落標(biāo)簽</p>
<div>容器</div>
a標(biāo)簽：
<a?href=”http:www.baidu.com”?title=”鏈接標(biāo)題”>a標(biāo)簽</a>
屬性：
<img?src="p_w_picpaths/1hao.jpg"?title=”圖片標(biāo)題”?alt=”自動(dòng)替換”?width="100"?height="100"?/>img標(biāo)簽自動(dòng)閉合
alt屬性是一個(gè)用于網(wǎng)頁
語言HTML和XHTML、為輸出純文字的參數(shù)屬性。它的作用是當(dāng)HTML元素本身的物件無法被渲染時(shí)，就顯示alt（替換）文字作為一種補(bǔ)救措施。
a標(biāo)簽屬性
a標(biāo)簽樣式
一組專門的預(yù)定義的類稱為偽類，主要用來處理超鏈接的狀態(tài)。超鏈接文字的狀態(tài)可以通過偽類選擇符＋樣式規(guī)則來控制。偽類選擇符包括：?
總:?a??????????表示所有狀態(tài)下的連接?如?.mycls?a{color:red}?
①?a:link：未訪問鏈接?,如?.mycls?a:link?{color:blue}?
②?a:visited：已訪問鏈接?,如?.mycls?a:visited{color:blue}?
③?a:active：激活時(shí)（鏈接獲得焦點(diǎn)時(shí)）鏈接的顏色?,如?.mycls?a:active{color:blue}?
④?a:hover：鼠標(biāo)移到鏈接上時(shí)?,如?.mycls?a:hover?{color:blue}?
一般a:hover和a:visited鏈接的狀態(tài)（顏色、下劃線等）應(yīng)該是相同的。?
前三者分別對應(yīng)body元素的link、vlink、alink這三個(gè)屬性。?
四個(gè)“狀態(tài)”的先后過程是：a:link?->a:hover?->a:active?->a:visited。另外，a:active不能設(shè)置有無下劃線（總是有的）。?
舉例：偽類的常見狀態(tài)值?
<style?type?=?“text/css”>?
<!--?
a?{font-size:16px}?
a:link?{color:?blue;?text-decoration:none;}?//未訪問：藍(lán)色、無下劃線?
a:active:{color:?red;?}?//激活：紅色?
a:visited?{color:purple;text-decoration:none;}?//已訪問：purple、無下劃線?
a:hover?{color:?red;?text-decoration:underline;}?//鼠標(biāo)移近：紅色、下劃線?
-->?
</style>
?
?
a標(biāo)簽屬性
a標(biāo)簽是成對出現(xiàn)的,以<a>開始,?</a>結(jié)束?
屬性.?
Common?--?一般屬性?
accesskey?--?代表一個(gè)鏈接的快捷鍵訪問方式?
charset?--?指定了鏈接到的頁面所使用的編碼方式,比如UTF-8?
coords?--?使用圖像地圖的時(shí)候可以使用此屬性定義鏈接的區(qū)域,通常是使用x,y坐標(biāo)?
href?--?代表一個(gè)鏈接源(就是鏈接到什么地方)?
hreflang?--?指出了鏈接到的頁面所使用的語言編碼?
rel?--?代表文檔與鏈接到的內(nèi)容(href所指的內(nèi)容)的關(guān)系?
rev?--?代表文檔與鏈接到的內(nèi)容(href所指的內(nèi)容)的關(guān)系?
shape?--?使用圖像地圖的時(shí)候可以使用shape指定鏈接區(qū)域?
tabindex?--?代表使用"tab"鍵,遍歷鏈接的順序?
target?--?用來指出哪個(gè)窗口或框架應(yīng)該被此鏈接打開?
title?--?代表鏈接的附加提示信息?
type?--?代表鏈接的MIME類型
列表標(biāo)簽。
<font>字體標(biāo)簽</font>
<font?face="黑體"?size="+2"?color="#CC3300">第一行</font>
<ul>
<li><a?href="www.baidu.com"?title="這個(gè)是第一行"?target="_new">?<font?face="黑體"?size="+2"?color="#CC3300">第一行</font></a></li>
<li>第二行</li>
<li>第三行</li>
</ul>
?
<b></b>加粗bold/
<u></u>下劃線
<br/>換行
<hr/>分隔符
<em></em>斜體
?
?
轉(zhuǎn)載于:https://blog.51cto.com/liuyafang/1411241
總結(jié)
- 上一篇： 路由器刷机常见第三方固件及管理前端种类(
- 下一篇： 异常处理：try-catch-final