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)識,并展現(xiàn)出來。
要建立符合標(biāo)準(zhǔn)的網(wǎng)頁,DOCTYPE聲明是必不可少的關(guān)鍵組成部分;除非你的XHTML確定了一個正確的DOCTYPE,否則你的標(biāo)識和CSS都不會生效。
<html?xmlns="http://www.w3.org/1999/xhtml">
這個"xmlns"是XHTML?namespace的縮寫,叫做"名字空間"聲明。名字空間是什么作用呢?
答:由于xml允許你自己定義自己的標(biāo)識,你定義的標(biāo)識和其他人定義的標(biāo)識有可能相同,但表示不同的意義。當(dāng)文件交換或者共享的時候就容易產(chǎn)生錯誤。為了避免這種錯誤發(fā)生,XML?采用名字空間聲明,允許你通過一個網(wǎng)址指向來識別你的標(biāo)識。
<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>這是個段落標(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=”自動替換”?width="100"?height="100"?/>img標(biāo)簽自動閉合
alt屬性是一個用于網(wǎng)頁
語言HTML和XHTML、為輸出純文字的參數(shù)屬性。它的作用是當(dāng)HTML元素本身的物件無法被渲染時,就顯示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:激活時(鏈接獲得焦點(diǎn)時)鏈接的顏色?,如?.mycls?a:active{color:blue}?
④?a:hover:鼠標(biāo)移到鏈接上時?,如?.mycls?a:hover?{color:blue}?
一般a:hover和a:visited鏈接的狀態(tài)(顏色、下劃線等)應(yīng)該是相同的。?
前三者分別對應(yīng)body元素的link、vlink、alink這三個屬性。?
四個“狀態(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?--?代表一個鏈接的快捷鍵訪問方式?
charset?--?指定了鏈接到的頁面所使用的編碼方式,比如UTF-8?
coords?--?使用圖像地圖的時候可以使用此屬性定義鏈接的區(qū)域,通常是使用x,y坐標(biāo)?
href?--?代表一個鏈接源(就是鏈接到什么地方)?
hreflang?--?指出了鏈接到的頁面所使用的語言編碼?
rel?--?代表文檔與鏈接到的內(nèi)容(href所指的內(nèi)容)的關(guān)系?
rev?--?代表文檔與鏈接到的內(nèi)容(href所指的內(nèi)容)的關(guān)系?
shape?--?使用圖像地圖的時候可以使用shape指定鏈接區(qū)域?
tabindex?--?代表使用"tab"鍵,遍歷鏈接的順序?
target?--?用來指出哪個窗口或框架應(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="這個是第一行"?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