【文章內容簡介】 rl target=_blank新窗口a href=url target=_self本窗口a href=url target=_parent父窗口a href=url target=_top整個瀏覽器窗口a href=url target=指向frame的名字指定區(qū)域顯示標尺線hr size= width= align= noshade color=size屬性控制標尺線的粗細；width控制標尺線的長短；align居左left居右rightnoshade標尺線是否有陰影color標尺線的顏色字體標記h.../h =1,2,3,4,5,6hn.../hn標記顯示黑體字b.../b字體加粗i.../i斜體字u.../u字體加下劃線tt.../tt居中顯示sup.../sup靠上顯示sub.../sub靠下顯示s.../s字體加刪除線strike.../strike[]物理字體示例htmlheadtitle物理字體/title/headbodyb字體加粗/bbri斜體字/ibru字體加下劃線/ubrtt居中顯示/ttbrsup靠上顯示/supbrsub靠下顯示/subbrs字體加刪除線/sbrstrike字體加刪除線/strikebr/bodyhtml客戶端字體(Font Face)font face=,...,.../font=客戶端可獲得的字體文字布局標記行的控制p表示段落br換行nobr不換行文字的分區(qū)顯示 div align=.../divalign可表示left/center/right圖象標記img alt==在瀏覽器尚示完全讀入圖象時，在圖象位置顯示的文字會移動的文字基本語法marquee direction= bihavior= loop= scrollamount= scrollamount=.../marqueedirection移動屬性left/rightbihavior移動方式scroll循環(huán)/slide移動一次/alternate來回往返loop循環(huán)次數(shù)，可以指定。不指定為循環(huán)不止。scrollamount設置移動速度scrolldelay延時移動多媒體頁面嵌入多媒體文本(EMBED)基本語法embed src= =url地址[]企業(yè)郵箱首頁面示例(table布局)htmlheadtitle郵箱界面演示/title/headbodytable width=100% border=0tr height=150pxtdamp。nbsp。/tdtdamp。nbsp。/tdtdamp。nbsp。/td/trtrtd width=450pxamp。nbsp。/tdtdtable border=0 width=535px height=300px background=tr height=60pxtdamp。nbsp。/tdtdamp。nbsp。/td/trtrtd width=240pxamp。nbsp。/tdtdtable border=0 height=100%form action= method=posttrtd用戶名：/tdtdinput type=text name=username //td/trtrtd密　碼：/tdtdinput type=password name=paswd //td/trtrtd colspan=2amp。nbsp。amp。nbsp。amp。nbsp。amp。nbsp。input type=submit value=進入郵箱 /input type=reset value=重新填寫 //td/trtrtd colspan=2amp。nbsp。amp。nbsp。amp。nbsp。amp。nbsp。a href=找回密碼
/aamp。nbsp。amp。nbsp。a href=注冊新用戶/a/td/tr/table/form/td/trtrtdamp。nbsp。/tdtdamp。nbsp。/td/tr/table/tdtdamp。nbsp。/td/trtrtdamp。nbsp。/tdtdamp。nbsp。/tdtdamp。nbsp。/td/tr/table/bodyhtmlDIV+CSS學習div+css的介紹div+css是什么 div元素是用來為HTML文檔內大塊(blocklevel)的內容提供結構和背景的元素。 css是英語Cascading Style Sheets(層疊樣式表單)的縮寫，它是一種用來表現(xiàn)HTML或XML等文件式樣的計算機語言。 div+css是網(wǎng)站標準(或稱“WEB標準”)中常用術語之一，通常為了說明與HTML網(wǎng)頁設計語言中的表格(table)定位方式的區(qū)別，因為XHTML網(wǎng)站設計標準中，不再使用表格定位技術，而是采用DIV+CSS的方式實現(xiàn)和種定位。 我們可以簡單的這樣理解div+css: div是用于存放內容(文字、圖片、元素)的容器。css是用于指定放在div中的內容如何顯示，包括這些內容的位置和外觀。div+css的好處： html文件就會減少大量的table,tr,td,html變簡單 內容和樣式分離 符合搜索引擎的喜好 節(jié)約帶寬使用IDE(Myeclipse)進行開發(fā)，好處是有提示Myeclipse的web prject介紹div+css的優(yōu)勢 符合W3C標準。微軟等公司均為W3C支持者。 搜索引擎更加友好。 樣式的調整更加方便。內容和樣式的分離，使頁面和樣式的調整變得更加方便?，F(xiàn)在YAHOO,MSN等國際門戶網(wǎng)站，網(wǎng)易，新浪等國內門戶網(wǎng)站，均div+css的框架模式，更加印證了div+css的大勢所趨。 Css的極大優(yōu)勢表現(xiàn)在簡潔的代碼，對于一個大型網(wǎng)站來說，可以節(jié)省大量帶寬，而且眾所周知，搜索引擎喜歡清潔的代碼。 表現(xiàn)和結構分離，在團隊開發(fā)中更容易分工合作而減少相互關聯(lián)性。 css的必要性使用span元素來編寫[]示例! Docytype:文檔類型 用于指定dtd(說明當前這個html文件是什么版本)!DOCTYPE htmlhtml head title/title ! 關鍵字指定(方便搜索引擎搜索) meta name=keywords content=keyword1,keyword2,keyword3 meta name=description content=this is my page !告訴瀏覽器文件使用的是什么編碼 meta name=contenttype content=text/html。 charset=UTF8 ! 引入CSS文件 !link rel=stylesheet type=text/css href=./ /head body span style=fontsize: 30px。color: blue。欄目一/spanbr span style=fontsize: 15px。color: red。fontstyle: italic。欄目二/spanbr span style=fontsize: 40px。color: green。fontweight: bold。欄目三/spanbr span style=fontsize: 20px。color: pink。fontweight: lighter。欄目四/spanbr span style=fontsize: 10px。color: black。fontweight: lighter。欄目五/spanbr /body/htmlspan style=fontsize:30px。color:blue。欄目一/spanbr從使用span元素我們可以看到，css的基本語法元素名 style=屬性名:屬性值。屬性名2:屬性值2。...內容/元素名元素可以是html的任意元素；屬性名與屬性值:不同的元素屬性名不同；(可參考W3C組織給出的文檔)使用css可以統(tǒng)一網(wǎng)站的風格css分類：內部css，外部css[]使用style統(tǒng)一風格! Docytype:文檔類型 用于指定dtd(說明當前這個html文件是什么版本)!DOCTYPE htmlhtml head title/title ! 關鍵字指定(方便搜索引擎搜索) meta name=keywords content=keyword1,keyword2,keyword3 meta name=description content=this is my page !告訴瀏覽器文件使用的是什么編碼 meta name=contenttype content=text/html。 charset=UTF8 ! 引入CSS文件 !link rel=stylesheet type=text/css href=./ ! 內部CSS統(tǒng)一頁面內容風格 style type=text/css .style1{ fontsize: 20px。 color:red。 fontweight: bold。 fontstyle: italic。 textdecoration: underline。 } /style /head body span class=style1欄目一/spanbr span class=style1欄目二/spanbr span class=style1欄目三/spanbr span class=style1欄目四/spanbr span class=style1欄目五/spanbr /body/htmlcss的濾鏡體驗[]將圖片通過濾鏡變成灰色(注：此方法在IE10以上瀏覽器中不被支持)!DOCTYPE htmlhtml head title/title meta name=keywords content=keyword1,keyword2,keyword3 meta name=description content=this is my page meta name=contenttype content=text/html。 charset=UTF8 style type=text/css /*使用濾鏡*/ a:link img { filter:gray。 } a:HOVER img{ filter:。 } /style !link rel=stylesheet type=text/css href=./ /head body a href=img src=images/ //a a href=img src=images/ //a a href=img src=images/ //a a href=img src=images/ //a /body/htmlcss的三種選擇器選擇器選擇器是css中非常重要的概念，css中有三種不同的選擇器類選擇器，又叫class選擇器id選擇器html元素選擇器通配符選擇器簡單的說，選擇器就是在css中創(chuàng)建，而在網(wǎng)頁頁面(html,jsp,php,)中使用類選擇器基本語法.類選擇器名{屬性名:屬性值。...}[] 類選擇器示例!DOCTYPE htmlhtml head title/title