天天看點

HTML,CSS和JavaScript對比(一)前言:二:各自的角色三:總結

? ? ? ? ? ? ? ? ? ? ? ? ? ??

? ? ? ? ? ? ? ? ? ? ? ? ???HTML,CSS??JavaScript瀵規??(涓?)

??瑷?:

涓?,????浠g????娈?

? ??1, HTML 缂?杈?缃?椤?

? ??2,CSS.?

? ??3,JavaScript.

浜?:??????瑙???

? ?1,HTML

? ?2,CSS.

? ? ?(1)浠?涔????峰???

? ? ?(2)CSS瑙???

3,JavaScript.?

涓?:?葷?

?

??瑷?:

? ? ?

? 浼????ㄧ???ㄧ?椤佃?捐?? 浠諱?涓?涓?绋?寰?澶?????缃?绔?????搴??ㄧ?搴??戒?????璁稿?HTML??

CSS??JavaScript??????浜???缃?杩??ㄧ????灞?浠ュ????浠?瀵瑰????渚?璧??ф?ョ??澧???锛?璁懼??涓?涓???

浜?缁?缁???缁存?や?????绔?浠g????璁″????缁?瀵歸??瑕?????灏?缂??ㄨ?灏?HTML,CSS??JavaScript杩?

琛?涓?涓?瀵規???葷?:

??

?1.绠?????瑙?tml灏辨??????璇?瑷?锛?璇稿???绱?瀹?涔???涓?涓?椤甸?㈡??訛???涔??藉?ㄦ?瑙??ㄤ??劇ず

? 2.css??瀵?tml杩?琛?澶?瑙?璁劇疆锛?姣??存?ュ??tml???㈣?劇疆?村???存?锛???灏?浠g????浣??逛究缁?

?わ???杞介??搴?揩锛???涓?css涓???璁稿?浼?绫誨??浠ュ府?╁???拌?稿?椤甸?㈡????

??

? 3.javascript??????璇?瑷?锛???浠ュ??om杩?琛???浣?锛??逛究椤甸?㈣?劇疆锛?甯??╁???扮?婚?㈠?ㄤ?锛?

楠?璇?锛?琛ㄥ????浜ょ??绛???浣?

? ? ? ? ? ? ? ?

HTML,CSS和JavaScript對比(一)前言:二:各自的角色三:總結

?

?涓?,????浠g????娈?

1, HTML缂?杈?缃?椤?/h2>

? ?css ?у?剁?椤靛??浣???????澶у????TML涓???浠ョ?存?ョ???CSS浠g??.

?

棣???HTML缂?杈?缃?椤?

? ? ? ? ? ? ? ? ? ?

HTML,CSS和JavaScript對比(一)前言:二:各自的角色三:總結
浠g??:
<span style="font-size:24px;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type"content="text/html; charset=gb2312">
<title>??灞?????纭?????</title>
</head>
<body>
<h8>??灞?????纭?????</h8>
<hr>------妯?绾?<h3>??灞?????纭?????</h3>
<h2>??灞?????纭?????</h2>
<hr>------妯?绾?<h1>??灞?????纭?????</h1>
<p>??灞?????纭?????</p>
</body>
</html></span>
 
           

?

2,CSS:???

? CSS???у?剁?椤靛??浣???????澶у?,??TML涓???浠ョ?存?ョ???CSS浠g??.

? ?ㄨ?瑁?楗扮???版?瑰??涓? CSS浠g????娈?杩???浠?lt;style>寮?濮?, </style>缁???

3,JavaScript璇?瑷???浠ュ??HTML璇?瑷?缁???,??TML涓???浠ョ?存?ョ???JavaScript浠g??,

?JavaScript??浠ュ???扮被浼煎脊?烘??绀烘?杩??風?椤典氦浜??у????

?

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

HTML,CSS和JavaScript對比(一)前言:二:各自的角色三:總結

浜?:??????瑙???/h1>

?

1,HTML: hyperText Markup?Language 瓒???????璁拌??瑷?

? ?

? ?????:璁捐?′?涓???????缃?椤?

涓轟?涔?瑕?瀛??HTML?

??

? ????瑙?????HTML寮???宸ュ?峰?規??浜х??搴?浠g??,涓?涓?娓告????缃?椤佃?捐?¤??,涓?瀹?瑕???HTML璇?瑷?,

杩??峰氨??浠ユ??ゅ???宸ュ?蜂駭????搴?浠g??,浠?????缃?椤佃川???撮??.

2,CSS???辨??HTML???戒?瓒?缂?杈???妗i??姹?瓒??ヨ?澶???浠ュ氨??浜?CSS,

??

?姒?蹇??CascadingStyle Sheets: 姹?璇???灞????峰?琛?绠?绉版?峰?琛????朵?缃?椤電???版????.

?

(1)浠?涔????峰???

?? ?"?峰?"灏辨??????涓???瀛?澶у?,棰????劇??浣?缃?绛??煎?.

?

? ? "灞???":??????,褰???TML涓?寮??ㄤ??頒釜棰??叉??浠?CSS??浠????峰?涓???浠朵???浠跺????

?茬????,娴?瑙??ㄥ?渚???灞???椤哄?澶???.

? ? ?姣?濡?:缃?椤典腑????棰?,姝f????瀛????煎?,娈佃?界???磋?,椤甸?㈠?灞??芥??CSS?у?剁??.

(2)CSS瑙???

?

? ?CSS????????涓???缃?椤甸〉?㈡?????峰?????,瀹??芥??浠諱?娴?瑙??ㄩ?藉??浠???浠??ラ??璇ヤ互浣?绉?甯?灞?,?煎??劇ず??绉???绱?浠ュ???跺??瀹?

  • ??TML璇?瑷?涓???浠ョ?存?ョ??? CSS浠g??
  • CSS?藉府?╃?ㄦ?峰?歸〉?㈢??甯?灞???浠ヨ?澶????у??
  • CSS??浠ユ?у?剁?椤靛??浣???????澶у?
  • CSS寮ヨˉHTML瀵圭?椤墊?煎????歸?㈢??涓?瓒?璧峰?版????瀹?浣???浣???/li>
  • CSS??瀹?琛?椤甸?㈡?煎????ㄦ???存??

3,JavaScript????婕???瑙???

? ??

? 涓轟?涔?瑕?JavaScript? HTML??CSS?芥????渚??ㄦ?蜂?绉?????淇℃??,缂哄?浜や???Web娓告??灏?

??涓?涓?渚?瀛?. ?姝eソ,JavaScript?ㄧ?椤佃?捐?′腑灏辨???ュ譏琛ヨ?涓?浜や??х??,JavaScript缂???

涓?杞借?搴???瀹??伴???璺???,??????搴?绛?????

  • js??涓?绉?????缂???璇?瑷?:??浠ュ??HTML璇?瑷?杩?琛?寰?濂界??缁???,??TML涓?涔???浠ョ?存?ュ??Js浠g??.
  • ?ㄦ???? 瀹???浠ョ?存?ュ?圭?ㄦ?鋒????浠ョ??杈??ュ???哄??搴?,??椤葷?杩?Web???$?搴?.??姝???浠ュ???扮被浼煎脊?烘??绀烘?杩??蜂氦浜??х?椤靛????浠?瀵圭?ㄦ?峰??搴???浠?浜?浠???椹卞?ㄧ??,姣?濡?,"???葷?椤典腑??????"杩?涓??堕?村??浠ュ???瀵瑰????稿?.
  • 璺ㄥ鈎?版?? JavaScript渚?璧?浜?娴?瑙???涓???浣?绯葷???????姝??????ㄦ?瑙??ㄧ??璁$???轟?,涓?娴?瑙??ㄦ????js,灏卞??浠ュ?瑰?惰?琛?姝g‘???ц?.

?

?

涓?:?葷?

?娓╂?????ユ??涓??㈣?╂??浠?涓?璧鋒?ユ?葷?涓?涓?瑕???

? ?1,HTML,CSS??JavaScript??寰??寵?捐?′腑????婕???瑙??查?藉???瑕?,HTML???虹???妗?

??CSS????绱??煎?,椤甸?㈠?灞????甸??,??JavaScript??瀹??扮?椤電???ㄦ????浜や??х???圭??涔?

绗?.

??

? ?2,HTML浠?lt;HTML>寮?濮?,浠?lt;/HTML>缁???,杩???涓?涓???瀵圭????璁?CSS浠?lt;style>寮?濮?,浠?

</style>缁???,涔???涓?涓???瀵圭????璁? JavaScript浠?lt;scripttype="text/javascript">寮?

濮?,浠?lt;/script>缁???,

?

? ? ? ? ? ? ? ? ? ? ? ? ? ??

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? ? ? ? ??

HTML,CSS和JavaScript對比(一)前言:二:各自的角色三:總結

?

?