[b]涓???xhtml css?虹??ヨ??[/b]
棣???璇翠?涓???浠?杩???璇剧???ヨ????
[list]
[*]??妗ｇ被??
[*]璇?瑷?缂???
[*]html??绛?
[*]css?峰?
[*]css浼???绾?
[*]css??妯″??缁???
[/list]
[b]1锛???妗ｇ被??[/b]
褰???浠???reamweaver?板缓涓?涓?html?煎???妗ｆ?讹??ョ??婧?浠ｇ??锛?浼????颁唬????涓??ㄦ??濡?涓?杩??ヨ??锛?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
杩??ヨ??????????妗ｆ??杩?娓＄被??锛????杩???妗??跺??涓ユ?肩被??锛?????涓????介???ㄨ?娓＄被??锛???涓烘?瑙??ㄥ??HTML??瑙ｆ??姣?杈?瀹芥?撅???璁镐娇??TML4.01涓?????绛撅?浣?蹇?椤荤????XHTML??璇?娉???璁稿??????ㄥ?朵?椤甸?㈡?讹?寰?寰???娆㈡??杩??ュ???ゆ??锛??ㄨ???寤鸿??澶у?朵?瀹?瑕?淇???杩??ヨ??锛????ゅ???????藉?璧锋??浜??峰?琛ㄥけ?????跺?????充??扮????棰???
[b]2锛?璇?瑷?缂???[/b]
?ヤ??ユ??浠?杩?浼????拌??蜂??ヨ??锛?
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
瀹???绀烘??妗ｇ??璇?瑷?缂?????灏卞????浠?骞虫?舵??璇寸??姹?璇????辫??涓??枫??杩?????gb2312??璇?娴?瑙????????妗ｉ???ㄧ??浣?涓???缂???锛?杩???涓?绉?甯哥?ㄧ??缂?????UTF-8缂???锛?瀹????介?????ㄧ??缂?????涓?绠℃??浠????ㄥ??绉?缂???锛???涓??瑰氨????????css?峰?琛ㄥ???跺????浠朵?蹇?椤诲??????妗ｇ??缂???涓??凤?瑕?涓?灏变??虹?颁贡????
[b] 3锛?html??绛?/b]
html??绛惧?ㄩ〉??腑?藉?椤荤???????瀵圭????绛句互??/??绛惧????缁???锛???浜???涓?????绛惧?ㄦ??韬???缁?灏炬??涓?/?ョ???锛?杩???xhtml浠ｇ??缂?????瑙?????
??瀵圭????绛撅?
<head>{...}</head>
<body>{...}</body>
<div>{...}</div>
<span>{...}</span>
<p>{...}</p>
......
??涓?????绛撅?
<img src="" />
<br />
.......
杩???璇存??涓??圭??????xhtml瑙???锛???绛惧?椤荤?ㄥ?????
[b]4锛?css?峰?[/b]
??杞?ss?峰???浠ヤ???绉?
澶??ㄦ?峰?
???ㄦ?峰?
琛????峰?
瀵煎?ユ?峰?
<link href="layout.css" target="_blank" rel="external nofollow" rel="stylesheet" type="text/css" />
杩?绉?褰㈠?????css???????颁?涓?css??浠跺??锛??跺???ㄦ?浠ｇ??涓?浠?ink?瑰??炬?ャ??瀹???濂藉???涓?浣???椤靛??浠ヨ?????跺??椤甸?????浠ヨ????????甯哥?ㄧ??涓?绉?褰㈠???
<style>
h2 { color:#f00;}
</style>
杩?绉?褰㈠??????ㄦ?峰?琛??瀹???浠?lt;style>??</style>缁?灏撅????ㄦ?浠ｇ????head??绛惧????杩??风???峰?琛ㄥ???介??瀵规??椤垫??????涓??戒??ㄤ??跺??椤甸????
<p style="font-size:18px;">???ㄦ?峰?</p>
杩?绉??ㄦ??绛惧??浠?tyle??璁扮??涓鸿????峰?锛?琛????峰?????瀵规??绛惧??????绱?????锛????舵病??????瀹圭?稿??绂伙???浠ヤ?寤鸿??浣跨?ㄣ??
@import url("/css/global.css");
?炬?ユ?峰???浠?import url??璁版???炬?ョ??澶??ㄦ?峰?琛??瀹?涓???甯哥?ㄥ?ㄥ???涓??峰?琛ㄥ???ㄣ??濡?layout.css涓轰富椤垫???ㄦ?峰?锛??ｄ???浠???浠ユ???ㄥ??介??瑕??ㄧ?????辨?峰??惧?颁?涓?global.css????浠朵腑锛??跺????ayout.css涓?浠?import url("/css/global.css")??褰㈠??炬?ュ?ㄥ??峰?锛?杩??峰氨浣夸唬??杈惧?板?濂界?????ㄦ?с??
[b]5锛?css浼???绾?/b]
id浼???绾ч??浜?class
???㈢???峰?瑕??????㈢??
??瀹???楂?浜?缁ф??
琛????峰?楂?浜????ㄦ??澶??ㄦ?峰?
?荤?锛???涓???(id)楂?浜??辩?ㄧ??(class)锛?????瀹????ㄦ??瀹???锛?????瀹???缁ф?跨?瀹???杩???
[b]6锛?css??妯″??缁???[/b]
css??妯″??????????绋??????广?????㈠??涓??ヨ???癸?濡????ㄤ??ㄨ〃?煎?灞???璇?锛?灏遍??甯稿ソ??瑙ｅ?????′???杩???????妯″??????table甯?灞???涓?涓?涓????广??瀛??web????锛?棣???瑕?寮?????灏辨??杩?涓???妯″??锛?杩?灏辨??DIV???????稿????ㄣ??浼?缁???琛ㄦ?兼????????杩?澶у?涓?涓???琛ㄦ?煎??琛ㄦ?煎?濂??ュ??浣?????缃?椤靛??瀹癸??圭??SS??????锛?灏辨????杩???SS瀹?涔???澶у?涓?涓?????瀛?????瀛?宓?濂??ョ???缃?椤点??杩?绉??????瑰???缃?椤典唬??绠?娲?锛?琛ㄧ?板????瀹圭?稿??绂伙?缁存?ゆ?逛究锛??藉?煎?规?村???娴?瑙????姣?濡?PDA璁惧?涔??芥?ｅ父娴?瑙???
?ｄ?瀹?涓轰?涔?????瀛??????璇磋?存??浠??ㄧ?椤佃?捐?′腑甯稿????灞??у??锛???瀹?content)??濉???(padding)??杈规?(border)??杈圭??(margin)锛? CSS??瀛?妯″??藉?峰?杩?浜?灞??с??
[img]http://www.aa25.cn/upload/2010-07/11/img1.gif[/img]
??浠???浠ユ??瀹??冲?????板??涓?涓??瑰??ｇ????瀛?锛??跺??浠?姝ｄ?寰?涓?淇?瑙?锛?杈规??稿?浜???瀛?????搴????瀹圭?稿?逛???瀛?涓???瑁??╀???绌洪?达???濉???????稿?浜?涓洪?查?????ㄧ??瀛???濉?????娉℃搏锛?杈圭???㈢?稿?浜??ㄨ?涓???瀛??ㄥ?磋????轰?瀹???绌洪?达??逛究???恒????涓???杩??峰氨寰?瀹规????瑙ｇ??妯″??浜???
??浠ユ?翠釜??妯″???ㄩ〉??腑??????瀹藉害???卞乏杈圭??+宸?竟妗?+宸?～??+??瀹??冲～??+?宠竟妗?+?宠竟??缁???锛???css?峰?涓?width??瀹?涔???瀹藉害浠?浠?????瀹归?ㄥ????瀹藉害锛?杩???璁稿?????瀹规????娣风???版??
杩?????杈圭????浠?涔?绉颁?涓猴?澶?杈硅???澶?琛ヤ?锛?濉???涔???锛???杈硅?????琛ヤ???
濡????板?ㄦ?ㄥ??SS??妯″????瑙ｈ?涓?澶???褰伙?缁х画寰?涓???锛????ョ??绔???浼??戒?搴??ㄥ?扮??妯″??瀹?渚???
[b]
浜???濡?浣?寮?濮?瀛??web????锛?[/b]
1锛???HTML??CSS?虹?
瀛????绯诲????绋???锛?瑕?姹??ㄦ??涓?瀹???html??css?虹?锛??朵?杩?缃?椤碉?浼??ㄨ〃?艰?琛?缃?椤靛?灞?锛?杩??峰???璧锋?ユ??浼?寰?杞绘?俱??濡????ㄥ?硅?浜?杩?涓???锛?寤鸿????瀛??杩?浜??ヨ??锛??跺?????ュ???????绋???
2锛?杞???瑙?蹇?
?ㄤ互????浠??朵?缃?绔??讹??绘??涔???浜???????澶?瑙???棰??层??瀛?浣???甯?灞?绛?????琛ㄧ?板?ㄩ〉???????瀹广??浣?澶?瑙?骞朵???????瑕???锛??稿????缁??ㄦ?峰?ㄨ?块??缃?椤垫?剁??浣?楠?????浼???瑕?????????涓?涓???iv锛?css甯?灞?涓?缁?????濂界??椤甸?㈠??浠ラ??杩?css瀹?涔???浠讳?澶?瑙?锛??ㄤ换浣?缃?缁?璁惧?涓?锛????????恒??PDA??璁＄???猴?涓?浠ヤ换浣?澶?瑙?琛ㄧ?板?烘?ワ???涓???iv锛?css甯?灞???寤虹??缃?椤典互澶?绠???浠ｇ??锛???蹇??剧ず??搴???
??浠ヨ??冲??ソdiv锛?css锛?棣???瑕?杞???瑙?蹇碉???瑕???寮?浼?缁???琛ㄦ??Table)甯?灞??瑰?锛????ㄥ?(DIV)甯?灞?锛?骞朵?浣跨?ㄥ????峰?琛?CSS)?ュ???伴〉?㈢??澶?瑙???缁?缃?绔?娴?瑙????村ソ??浣?楠???
3锛?澶??ㄦ????澶??ㄨ??
璇村?拌??癸????瑰??跨?浜?锛?灏卞????浠?涓?灏?瀛??惰??甯?甯稿父????浠????ｆ?枫??涓轰?涔????ㄨ???涔???涓轰??瑰???烘?ュ?????????杩?璇?璁哄???帮???浜???瀛???????棰?澶?娌℃按骞充?锛?绋?寰??ㄤ???绛?灏辨???戒?锛???????宸卞?ㄦ??涓?璇?灏辩?ラ??浜?锛?浣?浠?灏辨??寰?璇???涓句釜绠?????渚?瀛?锛??挎?瑙??ㄥ?煎?规?ヨ?村?э?浣???涓??峰?涔???锛???E????????????寮???涓?涓?涓?灏辨???戒?锛?浣?灏辨??涓??诲????杩???涓?涓???瀛???瑷?瑕?????涓?涓?瀹?渚?涓????剧????????缁?浠?锛???涓???浠ｇ??锛?灏辩?ㄥ?颁?寮??剧??锛???璇?浜?锛???浣???瑷???杩?涓??堕?达???宸变??╂???剧??涓?杞戒??ヤ?????浠ュ?ㄨ?????璇?澶у?讹?涓?瀹?瑕?澶??ㄦ????澶??ㄨ??锛?涓?瑕???楹荤????????ㄥ???瀹?涓?????绋???锛?涓?瀹?瑕???宸卞??涓???瀹?渚?锛?杩??疯?芥?村揩???°??
![HTML旅游景点网页作业制作——旅游中国11个页面(HTML+CSS+JavaScript)[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)