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