HTML CSS

HTML CSS PHP HTML (Hyper Text Markup Language) , HTML , HTML HTML , PHP (form) ,

HTML CSS

CSS (Cascading Style Sheet) HTML ,

2 - 1 HTML HTML HTML

HTML HTML HTML , HTML , HTML (Tag), ... XHTML , HTML 2 , ...

HTML , , (Empty Tag), , HTML , XHTML ,

HTML , HTML , , XHTML , XHTML ,

HTML HTML , , HTML ,

HTML , ...,

HTML ex. Ch02-01.htm

,

HTML ,

UTF-8 , , PHP

HTML , UTF-8 , Big5 , , ,

UTF-8 , Unicode Consortium , , , , Unicode (), , Unicode UTF-8 8 Unicode, UTF-16 16 Unicode

UTF-8 Big5 , ..., "\" ASCII "\" ( PHP) , , ... Big5

HTML , ,

HTML , ,

HTML , , ,

2 - 2 HTML ... , URL, HTML HTML , ,

HTML

HTML , (tab) , , 1 HTML , Enter , , ,

HTML , ,

(Hyperlink), href , , URL

, , herf

2 - 3 PHP , HTML (form) , PHP , , PHP

(value), , username "tony" PHP , , (), , ,

, ... , , , , , action , PHP URL, PHP

PHP , , 4 method "get" HTTP GET , , URL 1024 ,

ex. Ch02-02.htm

"post" HTTP POST , HTTP , , POST , ( Blog )

, ,

name , , , name "tony", , " = ", "username = tony"

,

,

, (), ,

, Ch02-02.htm

, , ,

ex. Ch02-02.htm, (, ... )

Exercise

ex. Ch02-03.htm, ,

,

, "/>" , , "" "", , "" , "gender = male", "" , "gender = female"

,

, " = value " , " = on" , ,

Exercise

(Drop Down), (, )

ex. Ch02-04.htm, name , ,

, , , , "DropDown = 2" value , , "DropDown = 2" selected = "on" ,

size , , , , (, ) Ch02-05.htm Ch02-04.htm,

Ch02-04.htm Ch02-05.htm , , , multile (),

2 - 4 CSS (10/13/2008)CSS (Cascading Style Sheets, ) , , HTML , W3C HTML 4.01 , HTML (deprecated)

CSS CSS , , HTML , , , ,

CSS , CSS , CSS

CSS

CSS , , , , CSS , , , CSS ,

CSS

CSS CSS (Rule) , , HTML () CSS (Selector) (Declaration) , (Property) (Value)

, (Tag Selector, Type Selector) (Class Selector) (ID Selector) HTML ,

"hello" , CSS (Tag Selector) HTML , HTML , pbody ,

, ,

, ,

(Class Selector), , "", , ""

showgreen , , HTML , class

, HTML

"p.showgreen {...}", class "showgreen" class "showgreen",

(ID Selector), , "", , ""

, HTML , id

HTML , id , , id , ,

CSS CSS 3 style .css , @import

type = "text / css" , CSS , type , ,

CSS CSS , , /* */ ,

style , , , , , style ,

style , style , CSS , Inline Style

style , CSS , CSS (Internal CSS) CSS , CSS, , CSS , css , css CSS (External CSS)

HTML css @import ,

, Ch02-06.css ,

( ), Ch02-06.css

@import , ,

@import , @import CSS , a.css "@import url (b.css)", a.css b.css

HTML a.css, b.css css ,

CSS 1998 CSS2 (Cascading Style Sheets, level 2) , , , CSS2 (http://www.w3.org/TR/REC-CSS2)

CSS CSS , , , W3C , CSS CSS , , , CSS

CSS

CSS , (, 1 , 2 )

CSS , , container sidebarmainContentcontainerTopcontainerBottom , , container ,

, , , () ,

( ) ,

CSS margin , , 14 ,

, CSS text-align vertical-align , text-align 4

justify , , , ,

vertical-align

DIV , , , , CSS float

DIV float nonerightleft, , , (right) (left) float RunCh02-07.htm Ch02-08.htm

DIV

DIV , float , , , CSS clear clear float , , left ()right ()both ()

DIV , clear

DIV

DIV floatclear , CSS (widthheight), CSS , , Dreamweaver

DIV , , , , , CSS

2 - 7 , , ... , , Run Ch02-10.html