HTML CSS / 2011 HTML CSS 1/ 47
1 2 HTML 3 4 HTML 5 5 : CSS 6 CSS 7 HTML CSS 2/ 47
HTML CSS 3/ 47
( BOM) UTF-8 Notepad++ (Winodws), Fraise/Smultron (Mac), VIM ( ) HTML CSS 4/ 47
UTF-8? UTF-8 (unicode), ASCII UTF-8, ASCII, HTML CSS 5/ 47
BOM BOM? byte order mark (BOM) Unicode ( ),, BOM Ẉindow BOM utf-8 HTML CSS 6/ 47
,,, html HTML CSS 7/ 47
HTML! HTML (HyperText Markup Language HTML 4, HTML 5 HTML, HTML <h1> </h1>, HTML CSS 8/ 47
HTML CSS 9/ 47
? ( Apache),, HTML CSS 10/ 47
? ( Apache),,,, HTML CSS 10/ 47
? ( Apache),,,,, HTML CSS 10/ 47
HTML <!DOCTYPE html> <html lang="zh-tw"> <head> <title> </title> <meta charset="utf-8" /> </head> <body> </body> </html> HTML CSS 11/ 47
HTML HTML <!DOCTYPE html> HTML, HTML 5 ( ) HTML, HTML CSS 12/ 47
HTML HTML <html lang="zh-tw"> : </html> HTML CSS 13/ 47
head body HTML <head> title, meta, JavaScript </head> <body> </body> HTML CSS 14/ 47
HTML HTML CSS 15/ 47
, HTML,,, HTML CSS 16/ 47
head body HTML <head> title, meta, JavaScript </head> <body> </body> HTML CSS 17/ 47
HTML CSS 18/ 47
HTML HTML,, HTML <!-- main content section --> HTML CSS 19/ 47
HTML h1, h2,, h7 HTML CSS 20/ 47
p <br/> HTML CSS 21/ 47
beanspng, : img <img src="beanspng" alt=" " /> alt, ( ) HTML CSS 22/ 47
,, http://yenlungmathnccuedutw/, <a href="http://yenlungmathnccuedutw/"> </a> HTML CSS 23/ 47
HTML,, : <ul> <li>html</li> <li>css</li> <li>javascript</li> </ul> : HTML CSS JavaScript HTML CSS 24/ 47
, : <ol> <li>html</li> <li>css</li> <li>javascript</li> </ol> : 1 HTML 2 CSS 3 JavaScript HTML CSS 25/ 47
HTML! HTML CSS 26/ 47
HTML 5 HTML CSS 27/ 47
div span, HTML div ḍiv, span ṣpan, HTML CSS 28/ 47
id class,, p,,,, class <p class="normal"> </p> HTML CSS 29/ 47
HTML 5 header nav article aside footer HTML CSS 30/ 47
: CSS HTML CSS 31/ 47
CSS CSS (Cascading Style Sheets) HTML HTML CSS HTML CSS 32/ 47
CSS CSS mystylecss, HTML head : <link rel="stylesheet" type="text/css" href="mystylecss" /> HTML CSS 33/ 47
CSS head CSS : HTML <style type="text/css"> : : </style> HTML CSS 34/ 47
CSS HTML CSS : HTML <h1 style="color: SaddleBrown;"> </h1>, CSS, HTML HTML CSS 35/ 47
CSS HTML CSS 36/ 47
class CSS class foo foo class CSS foo { ; }, foo p CSS, : CSS pfoo { ; } HTML CSS 37/ 47
id CSS id foo foo id CSS #foo { ; }, foo p CSS, : CSS #foo p { ; } HTML CSS 38/ 47
HTML CSS 39/ 47
a:link a:visited a:hover a:active HTML CSS 40/ 47
CSS HTML CSS 41/ 47
CSS BOX, box div,, p, h1 HTML CSS 42/ 47
HTML CSS 43/ 47
[1] Notepad++ for Windows Notepad++ Windows : http://notepad-plus-plusorg/ HTML CSS 44/ 47
[1] Notepad++: BOM UTF-8 Notepad++ UTF-8 BOM, > HTML CSS 45/ 47
[1] Notepad++: UTF-8 BOM / UTF-8 BOM ANSI HTML CSS 46/ 47
[2] http://wwww3schoolscom/ W3Schools HTML, CSS, JavaScript http://irwncutedutw/peterju/csshtml/ CSS notes, http://wwwoswdorg/ Open Source Web Design, http://wwwopenclipartorg/ Open Clip Art, HTML CSS 47/ 47