【正文】 ass=style1新聞5/spanbr span id=style2這是一則非常重要的新聞/span /body/html[]html選擇器/*.style1就是類選擇器*/.style1{ fontweight: bold。}/*style2就是ID選擇器*/style2{ fontsize: 30px。}[]ID選擇器示例!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 !要使用選擇器必需要先引入，否則不可使用選擇器 link rel=stylesheet href= type=text/css / /head body span class=style1新聞1/span span class=style1新聞2/span span class=style1新聞3/span span class=style1新聞4/span span class=style1新聞5/span /body/html[]類選擇器/*.style1就是類選擇器*/.style1{ fontweight: bold。 charset=UTF8 style type=text/css /*使用濾鏡*/ a:link img { filter:gray。 fontweight: bold。屬性名2:屬性值2。fontweight: lighter。color: pink。欄目二/spanbr span style=fontsize: 40px。color: blue。 Css的極大優(yōu)勢(shì)表現(xiàn)在簡(jiǎn)潔的代碼，對(duì)于一個(gè)大型網(wǎng)站來說，可以節(jié)省大量帶寬，而且眾所周知，搜索引擎喜歡清潔的代碼。 搜索引擎更加友好。 我們可以簡(jiǎn)單的這樣理解div+css: div是用于存放內(nèi)容(文字、圖片、元素)的容器。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。如：charset=GBK即使用國(guó)標(biāo)碼顯示，charset=utf8則使用utf8來顯示網(wǎng)頁(yè)內(nèi)容[]meta瀏覽器顯示樣式和字符集示例htmlheadtitlehtml加強(qiáng)練習(xí)/title!meta中的content屬性是表示樣式和字符集meta equiv=ContentType content=text/html。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。nbsp。所以建議使用post方法進(jìn)行內(nèi)容提交。[]無序列表ul/li示例htmlheadtitle無序列表ul/li示例/title/headbodyul type=circleli三國(guó)演義/lili水 滸 傳/lili紅 樓 夢(mèng)/lili西 游 記/li/ul/body/htmlhtml的有序列表ol/liol type=屬性值 start=起始值li列表內(nèi)容/li/olol稱為順序列表標(biāo)記。39。39。39。pound。才能在網(wǎng)頁(yè)上正確顯示。屬性值39。html和xhtml區(qū)別htmlxhtmlxml html語言本身有一些缺陷(比如內(nèi)容和形式不能分離，標(biāo)記單一，數(shù)據(jù)不能復(fù)用等)，隨著xml的興起，xml越來越受到國(guó)際認(rèn)可，所以人們希望xml來彌補(bǔ)html的不足，但是目前有成千上萬的網(wǎng)頁(yè)都是html編寫的，所以完全使用xml來替代html還為時(shí)過早，建立xhtml的目的就是實(shí)現(xiàn)html向xml的過渡。W3C于1994年10月在麻省理工學(xué)院的計(jì)算機(jī)科學(xué)實(shí)驗(yàn)室成立。HTML的結(jié)構(gòu)包括頭部(Head)、主體(Body)兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容。韓順平J2EE視頻教程第二版《輕松搞定網(wǎng)頁(yè)設(shè)計(jì)html+css+javascript》全42講筆記輕松搞定網(wǎng)頁(yè)設(shè)計(jì)html+css+javascript內(nèi)容介紹 該教程用循序漸進(jìn)的手法和項(xiàng)目驅(qū)動(dòng)的案例，由淺入深的講解網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)部分和高級(jí)部分，包括以下內(nèi)容：html詳解；css(塊級(jí)元素、行內(nèi)元素、標(biāo)準(zhǔn)流盒子模型、浮動(dòng)定位)；div+css網(wǎng)頁(yè)布局(盒子模型經(jīng)典案例、仿sohu首頁(yè)面布局)；javascript深入講解(js基本語法、數(shù)組、js面向?qū)ο缶幊?，js系統(tǒng)函數(shù)、事件、js dom編程詳解、正則表達(dá)式) 做web開發(fā)的程序員都知道，網(wǎng)頁(yè)設(shè)計(jì)是web開發(fā)的重要部分，不管你是php web開發(fā)，還是java web、.net web都需要網(wǎng)頁(yè)設(shè)計(jì)，說白了就是你的web程序的界面，以前的程序員可能不大注重界面，但是一個(gè)布局合理，設(shè)計(jì)優(yōu)雅，簡(jiǎn)潔易用的網(wǎng)站界面無疑會(huì)給我們的項(xiàng)目增光添彩，這就好比一個(gè)你去推銷一個(gè)產(chǎn)品，如果這個(gè)產(chǎn)品的包裝非常精美漂亮，顯然就會(huì)受到客戶的歡迎。 HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動(dòng)畫、聲音、表格、鏈接等。伯納斯李萬維網(wǎng)之父html設(shè)計(jì)者w3c創(chuàng)始人w3c的介紹W3C是英文World Wide Web Consortium的縮寫，中文意思是W3C理事會(huì)或萬維網(wǎng)聯(lián)盟。W3C會(huì)員(大約500名會(huì)員)包括生產(chǎn)技術(shù)產(chǎn)品及服務(wù)的廠商、內(nèi)容供應(yīng)商、團(tuán)體用戶、研究實(shí)驗(yàn)室、標(biāo)準(zhǔn)制定機(jī)構(gòu)和政府部門，一起協(xié)同工作，致力在萬維網(wǎng)發(fā)展方向上達(dá)成共識(shí)。...內(nèi)容/元素如果沒有內(nèi)容，可以這樣寫元素 屬性=39。copy。版權(quán)字符實(shí)體/fontbr/ font size=5amp。注冊(cè)商標(biāo)字符實(shí)體/fontbr/ /body/htmlhtml常用標(biāo)記/元素超鏈接html超鏈接a href=url地址顯示內(nèi)容/aa href=mailto:電子郵箱地址顯示內(nèi)容/aa name=label錨（顯示在頁(yè)面上的文本）/a使用超鏈接，可以讓網(wǎng)頁(yè)連接到另一個(gè)頁(yè)面[]超鏈接案例html head title超鏈接案例/title /head body a href=本窗口切換到網(wǎng)易/abr/ a href=mailto:123123的電子郵箱/abr/ !target的屬性_blank為新窗口打開,_self為本窗口切換 a href= target=_blank新窗口打開鳳凰網(wǎng)/abr/ pa href=sina通過此標(biāo)簽找本頁(yè)面中的新浪標(biāo)簽/a/p a name=sian新浪在這里/a p新浪的內(nèi)容在這里/p /body/html說明：href可連接到外部的文件html圖像元素imageimg src=圖片的路徑 width=寬度 height=高度標(biāo)記名稱/img[]圖像元素案例html head title圖像元素案例/title /head body img src=39。 width=150 /br !border給圖片加邊框 img src=39。 width=150 height=80/image /body/html特別說明:src可以是外中網(wǎng)站的一個(gè)圖片urlhtml常用標(biāo)記/元素table表格的主要用途是顯示數(shù)據(jù)和圖片，并且可以布局table border=邊框?qū)挾?cellspacing=空隙大小 cellpadding=填充大小/table表格元素 名稱是tabletr/tr表示行td/td表示列cellspacing表示列與列之間的距離有多大cellpadding表示各行各列內(nèi)容的填充大小[]表格示例html head title表格table元素案例/title /head body !border邊框、align排列方向、bgcolor表格背景顏色、width表格寬度、height表格高度 table border=2 align=center bgcolor=FF00FF width=500px height=200 !tr代表一行，td代表一列 !tr中align控制內(nèi)容排列方同 tr align=centertd1行1列/tdtd1行2列/tdtd1行3列/td/tr trtd2行1列/tdtd2行2列/tdtd2行3列/td/tr tr align=righttd3行1列/tdtd3行2列/tdtd3行3列/td/tr /table /body/html[]表格table綜合小練習(xí)htmlheadtitle表格table元素綜合小練習(xí)/title/headbodytable border=1 bordercolor=ED90F9 cellspacing=0 width=400px height=180px!td中colspan是列合并trtd colspan=3 align=center星期一菜譜/td/tr!td中rowspan是行合并tr align=centertd rowspan=2素菜/tdtd清炒茄子/tdtd花椒扁豆/td/trtr align=centertd小蔥豆腐/tdtd炒白菜/td/trtr align=centertd rowspan=2 align=center葷菜/tdtd油悶大蝦/tdtd海參魚翅/td/trtr align=centertd紅燒肉img src=39。type=square時(shí)的列項(xiàng)符號(hào)為空心正方形。ol的屬性設(shè)定(常用):例如:ol type=i start=4/oltype=i start=4設(shè)定開始數(shù)目，不論設(shè)定了哪一數(shù)目款式，其值只能是1,2,3...等整數(shù)，默認(rèn)start=1i可以取以下值中的任意一個(gè)：1阿拉伯?dāng)?shù)字1,2,3...a小寫字母a,b,c...A大寫字母A,B,C...i小寫羅馬數(shù)字i,ii,iii...I大寫羅馬數(shù)字I,II,III...[]有序列表ol/li示例htmlheadtitle有序列表ol/li示例/title/headbodyol type=i start=1li三國(guó)演義/lili水 滸 傳/lili紅 樓 夢(mèng)/lili西 游 記/li/ol/body/htmlhtml常用標(biāo)記/元素framesethtml列表框架frameset frameborder=邊框大小 cols=列百分比分割窗口,(逗號(hào)隔開) rows=行百分比分割窗口frame name=給frame取名 src=html路徑 noresize/frameset[]框架frameset/frame使用示例(配合[][]使用)htmlheadtitle框架frameset/frame使用/title/head!使用frameset/frame框架就不能使用body,否則不顯示!frameborder分割線在尺寸frameset cols=30%,* frameborder=0!noresize不允許分割線移動(dòng)frame src= noresize/frame src= //frameset/html[]bo