CHƯƠNG I. NHỮNG KHÁI NIỆM CƠ SỞ I.1. World Wide Web là gì? !"#$%&'( )*+, - . /% +0102 3 &456 - .78 !9:1;&<==> - ?0@A8 !B! CD&<=E6 .D &FG&1 H I120J456, EK#$%L2<=E68A80:8 &M8N-O 3PO! &F)O"456 .456&'Q:R, - S2 /T% !9: - =TU&DC7 - =TAH8& &'V SUW456PG.=5:#, http://www.w3.org/TR 456O! &F K&#,.O2#$%7 <==>8 & www.w3.org 8O!9: &'VX /TR Y .ZO!*2<=E6QX mailto Y +01 & 2[0X ftp Y +01\=> ]H0UWZ0J456SUWP1:&(T &'%, ….đây là văn bản … Mọi góp ý, xin gửi thư tới <A ref=”mailto:joe@someplace.com”>Joe Cool</A> . 3 ^^#, E#+456P102 303_!T456Z `01X # Y#"*2Z+KSUW8 H456 *O#ab, http://somesite.com/html/top.html#section_2 .456& +, E456& +Z /]&'VTO&' 1%&22.456 & +O!Q:R &'V& +&XYc 7*` &F 3c" &'V80O!Q *2 .456 &FA; !456#[W456+d& 0UWTA::456& +8A#[`O456+ X http://www.acme.com/support/intro.html Y456& + * &1 HZ#0@A, ef^gY#::#Yh?::#eifh #j"456 R T X http://www.acme.com/support/suppliers.html Y Z 456 & + 02 *A&1 H <IMG src=” /icons/logo.gif” alt=”logo”> #j"456 R TX http://www.acme.com/icons/logo.gif Y =<=E68456 &F% !, - 6Z12/Z8(f06kd_ - 6Z1Z!/Z3A#:( LINK và SCRIPT - IQ A8 + &F8 / :: 8 ( IMG, OBJECT, APPLET và INPUT - =AQA( MAP và AREA - =^( FORM - =Z2( FRAME và IFRAME - =UVPV( Q, BLOCKQUOTE, INS và DEL - =ZA;&1#D2A2( HEAD d&'%U&W*DU !9: k8TMZ.O!0@A8 MAH :&2NS12H2" 02#[WZl28!&F*FAR+01MA ' &'0PRD A )ORMZ" &1/ dR#[WU !9:kMZ J0&'#[WUOM K0f !! TZ6 !K&'O!B#[W U !9:k&W:W0W m027M Z1*W S2"B"l&"#0@A<:(?0@ A0@AXYO!`:&' KM0*:K 2;d&' KZ:A*MZZ k09 _2#0@AK=d# J(*0@nopq &&1X.:r#Y0JZA@TU& s0K0JUOU2&&'8M R r2#0@ATZt#&u&'f= v#L6?Z+2:]Kw(^f@noxp8@noyz= )0&M:{+ZJ*Z| Q3 &Z!Z#0@Ad@noyo8Z02S27 Zt9HH}.~5dv=W#t8* Q2:* 0*0A0228= ) & J&D#0@A U#BMZ2 =1#0@A8&'#[WO!B • 2#2Z;+Zd&09O!3 (::`Z0VQ_t9#0@A `:Z:A#960">#0VO!&€ &F Z2K.UO )O::R&1:!%CT kD@R H I.2. HTML là gì? ]!:CW8RD:C0B!8 Z!02:C• uUO!! &F dD:C%"<=E6<:=(EZ: 6 <=E6Alc !, >C20180@A8A8#8 A800N =MZ#0@A‚02ZU 0` =Z 302Z!#3#01 3•(8 +01&'%02MZ8#A:ƒ8 /800N vQ#:-##80:#8#:#807W: Z2TK . „ H … # † … † H „ … „ #0@ ‡ & † 0 „ @ … & ˆ „ H „ #0@ ‡ ! "#$ % & ! # ' ! % ()*(#( * +,, , -,#$ % , & . ) -,#$ % % & ) % ! / Đa ́ nh dấu (Markup)/+ ! & . % % ) 0 % ! & ' ! ! #$ % & & ,* ! ' ! Ngôn ngư ̃ (Language)/+ ! * & . & & & & . +) ' ! (, % 1 $ . , % #, +, & , #, ' ! ,.#$ % 0 & ! ' . & ! 2 & ! ) # ! -& % 3' 4+( +4+-( Văn ba ̉ n (Text)/) ! ,# ! & , + ! , % ' ! ! #$ % # ! & ,, ! % + ! * #$ % 0 ! ) ! &' ! % ()*( ' ! , ! % 5$ *5# ! * #$ % ! Siêu văn ba ̉ n (Hyper)/ +,, , ! #$ % % $ ,21 ) -& & % 2 # & ! -& % 1& ! ! 2 , % #$ % * ! ) ! , , #$ % $ ! * % )(, & )& & &, ! & -& . #& ! % , *#$ % % , % I.3. Các đặc điểm của siêu văn bản I.3.1. Độc lập với phần cứng và phần mềm +) # ) ! & # ! ) ! *, ! *E † … † <=E6 & † 0 „ @ … † :H … … # † ‡ † ‡ H „ Z|8 † „ † ‡ … „ … „ ‡ † & † H „ Z‰ … † † „ &U … ] … … „ ‰ ˆ … „ † :#0@ ‡ „ ‡ & † M † ‡ † Ef.>.% „ … Z: ‡ #& ‡ & ˆ ‡ ‰ … 6 % ' . & ' ) ! + ! #' ! % ' % ,. ,) ! ) ! % + ! *' ! & , % ) ! + ! * &, ! . ˆ 0‰ … ˆ „ … † , % $ $ ! +, -,#$ % % - . , +,* ! ' ! ' + ! &, ! #' ! ! ! 7, , % , ! ) ! - & ,.(' % & -& +) # ) ! & (& ! ! +) # ) ! *, ! *.‰ ‡ :H … „ ˆ … H ‡ „ 8 … „ :H … ‡ † & … … : „ ‡ (H& † ‰ … Z … … &‰ „ I.3.2. Độc lập với khái niệm trang và thứ tự các trang E † ‰ „ H „ & ˆ … <=E6 † H † :0 „ Z „ † S@ ‡ & † ‰ … … %Z‰ „ & „ ‡ [# ‡ ‡ † ,[# ‡ † … ‰ … # ˆ @ „ 8[# ‡ † : … ‰ … # ˆ & † Z „ … ‡ ‡ † „ † ] † … ‡ 0@ ‡ <=E6& † #& † Z † † „ I.3.3. Website và trang chủ - homepage E † Š# … † „ „ ŠZ „ 0 „ 0 … Z „ 0 „ „ ‡ … @ … † & † † < † # Z „ 0 „ † … L . „ ‡ & ‡ & † & † † „ ‡ „ Šˆ … † 8 & † : „ ‡ @ … „ 0 … … Šl „ Z „ & ˆ . „ ‡ † ‰ … ‡ ‡ † Š#& ‰ … 0 ˆ = ‡ U-‹:‹ „ ‡ ‡ … & ‡ ‰ „ -‹^‹ ‡ HH † :0 … ZZ „ @ … † H „ SH † : … Š … † † # ˆ ‡ H … ˆZ& … … @ „ H … @ Š# I.4. Soạn thảo văn bản - những vấn đề chung I.4.1. Trang mã nguồn HTML và trang Web * . ! + ! * , #$ % ' ! & ! ! * ' & 86022( , % & $ ! ) & 7- % & ! ! 9& () % , * . ! % -,#$ % % + ! *+$ * :7, ;<-= * . ! (>-? % +, # ! , % +,* ! ' ! * ' ' ! & ! + ! @3) < ! ,' . & % * ' AB1 + ! , % , % * . ! 9#C& % +D % 7, d&# … # ˆ H „ 8 „ M † Z „ „ ‡ ‡ † … † ˆ … Z … … „ 1 - % -,#$ % & + ! * . ! 9 , % , , % & # ! , % ?& ‡ † <=E6 ‡ # † ‡ „ #0@ ‡ 8 #, ! ,$ . *) -# ! - % #$ % & ! .@ ‡ † 8 # † ‡ 0@ ‡ & … 8 ‡ … ‡ H † „ … : ‡ „ H „ „ 0 … † ˆ 8@‰ „ & ˆ .&‰ … # † ‡ 0@ ‡ # ˆ … „ H „ † ‰ „ † :Z‰ … H „ & † 0 … H … 0 … „ † … & † † ‡ ‡ † „ H … S „ <=E6 ˆ && † &0H † ] ‡ … ‡ H † „ … H … „ H „ ‡ @ „ H … 0 … ‡ Z „ „ ‡ † … @ … /: ‡ <80‰ „ † <H1> . </H1> v † † # ˆ ‡ † † … 0 „ ˆ & ˆ 0 … @‰ „ & ˆ S‰ „ † 8 … # H … † <=E6 <H1>Tiêu đề mức 1</H1> # ˆ & † M † ‡ † … Tiêu đê ̀ mức 1 < † „ … † # † ‡ #0@ ‡ † & -E FG(H*@## , & 9# ! & -* . ( - % -,#$ % &- % & ! =8#, ' ! *, % % ($ *#& . ' . % % #).) ) ! , , % , % @ (& # & ! -& % (& + ! & @- ! I.4.2. Các thẻ HTML 0 % ! , % 7, & ' ! ! #$ % ,* ! ' ! $ ! , % ! * * +,, , 8* & ' ! . % ! ** & ! KEYWORD ) 5 5;I=# ! 5+ 5;J= ) ! , +, , % , $ ! * $ % / % * % ; <KEYWORD> =# ! % ; </KEYWORD> =H) K; "/" =' , % , - . # ! #$ % $ ! *& . % <KEYWORD> Đoạn văn bản chịu tác động của lệnh</KEYWORD> - % $ ( & + ! % . % 0' % % * % <KEYWORD> * ! 1, ! % ! * ' ;=() ,* *- , #, & , +, 0 ' & + ! *+ / ' $ # ! ' $ ! ' + ! $ , & % ' ! % +, * & , & S‰ „ † 8 ‡ … † ‰ … ‡ 0 … … † … ‡ <IMG> k =8H … ‰ ‡ ˆ „ ‡ … # ˆ & † „ 0 … H] … … & † „ H † : @ … † ‰ „ SRC="địa chỉ của tệp ảnh" = † ‰ „ ?5. … @ „ † : ‡ „ „ 0 „ ‡ <IMG> I.4.3. Các quy tắc chung E † # „ … H … & „ Z# † ‡ #0@ ‡ @ … <=E6, - 1, ! ) +, ! . ' % &* ) L % -& % % , % , % , , ! ) . +, ! - M . NO ! & *&* ) (, % ! ' ! % -& % % & & - 0 , % #, ,P), & . & ! # ! - 3' ! ' & ) + 5 > 5() % 5 < 5 . & ! + ! * % ) ( , % , % ' & ! 9 #, /QRQ+R d „ 89$ #, ' & $ , + ! ,S9S % ' & $ ! *& . ) *-Q# ! ) ) *) % TRT &tên_quy_định; qZ „ & † @ † † … Ky ́ tư ̣ Ca ́ ch viê ́ t e Œ• h Œ• X Œ;• _ „ m Œ#:• Œ Œ:• . „ ‡ … „ … ‰ … H † 8 „ ‰ „ 0 … ˆ … @ … „ @ † & ˆ @ † :H „ „ ‰ „ <!-- 0 … --> =M † # ˆ ‡ ;Z( „ „ :H … ˆ @ … & ˆ @ † :H „ „ , <!-- Dòng chú thích --> I.4.4. Cấu trúc của một tài liệu HTML ! +, , ! ) &-/ <HTML> <HEAD><TITLE></TITLE></HEAD> <BODY> </BODY> </HTML> < ˆ (M † ‡ † … † & „ … r‰ ˆ … † @ „ & „ † ‰ … ‡ Ž M& . $ % ,, ! <TITLE> . </TITLE> + ! ! & . - . , +,, ,, ! % U- % 7, ! +, 1, % ' ! 7, - . , ,, # ! ! % ! +, $ ! *& . % ) % <BODY> . </BODY> . „ … 0@ ‡ 8‰ … ‡ 8H808 „ „ Z „ † … : ‡ @ … ‡ H S‰ „ † & … † <=E6 ‡ & „ H, <HTML> <HEAD><TITLE>Chỗ này là tiêu đề</TITLE></HEAD> <BODY> Toàn bộ nội dung của tài liệu nằm ở đây: Các đoạn văn bản xen lẫn hình ảnh, âm thanh, video, các liên kết đến vị trí khác, tài liệu khác . </BODY> </HTML> < ˆ (M † ‰ … … … † & „ … d „ † @ … … H „ „ ‰ ‡ & † & † 8H „ ( „ … ‰ ‡ & † ‡ † & † H „ „ … † … … & &0 „ … † # H, <HTML> <HEAD> <TITLE>Chỗ này là tiêu đề </TITLE> . Design Pattern Framework™ 2.0 Building your own Pattern-based .NET Solution This section describes how to setup your own .NET 2.0 Solution following the structure. Solution Step 2: Within this Solution immediately create a Solutions Folder. This will prevent a newly added project from 'taking over' the solution