Những khái niệm cơ sở

CHƯƠNG I. NHỮNG KHÁI NIỆM CƠ SỞ I.1. World Wide Web là gì?   !"#$%&'( )*+, - . /% +0102 3 &456 - .78 !9:1;&<==> - ?0@A8 !B! CD&<=E6 .D &FG&1 H I120J456, EK#$%L2<=E68A80:8 &M8N-O 3PO! &F)O"456 .456&'Q:R, - S2 /T% !9: - =TU&DC7 - =TAH8& &'V SUW456PG.=5:#, http://www.w3.org/TR 456O! &F K&#,.O2#$%7 <==>8 & www.w3.org 8O!9: &'VX /TR Y .ZO!*2<=E6QX mailto Y +01 & 2[0X ftp Y +01\=> ]H0UWZ0J456SUWP1:&(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#+456P102 303_!T456Z `01X # Y#"*2Z+KSUW8 H456 *O#ab, http://somesite.com/html/top.html#section_2 .456& +, E456& +Z /]&'VTO&' 1%&22.456 & +O!Q:R &'V& +&XYc 7*` &F 3c" &'V80O!Q *2  .456 &FA; !456#[W456+d& 0UWTA::456& +8A#[`O456+ X http://www.acme.com/support/intro.html Y456& + * &1 HZ#0@A, ef^gY#::#Yh?::#eifh #j"456 R T X http://www.acme.com/support/suppliers.html Y    Z  456  &  + 02 *A&1 H <IMG src=” /icons/logo.gif” alt=”logo”> #j"456 R TX http://www.acme.com/icons/logo.gif Y =<=E68456 &F% !, - 6Z12/Z8(f06kd_ - 6Z1Z!/Z3A#:(  LINK và SCRIPT  - IQ    A8  +  &F8  /  ::      8  (  IMG, OBJECT, APPLET và INPUT  - =AQA( MAP và AREA  - =^( FORM  - =Z2( FRAME và IFRAME  - =UVPV( Q, BLOCKQUOTE, INS và DEL  - =ZA;&1#D2A2( HEAD  d&'%U&W*DU !9: k8TMZ.O!0@A8 MAH :&2NS12H2" 02#[WZl28!&F*FAR+01MA ' &'0PRD A )ORMZ" &1/ dR#[WU !9:kMZ J0&'#[WUOM K0f !! TZ6 !K&'O!B#[W U !9:k&W:W0W m027M Z1*W  S2"B"l&"#0@A<:(?0@ A0@AXYO!`:&' KM0*:K 2;d&' KZ:A*MZZ k09 _2#0@AK=d# J(*0@nopq &&1X.:r#Y0JZA@TU& s0K0JUOU2&&'8M R r2#0@ATZt#&u&'f= v#L6?Z+2:]Kw(^f@noxp8@noyz= )0&M:{+ZJ*Z| Q3 &Z!Z#0@Ad@noyo8Z02S27 Zt9HH}.~5dv=W#t8* Q2:* 0*0A0228= ) & J&D#0@A U#BMZ2 =1#0@A8&'#[WO!B • 2#2Z;+Zd&09O!3 (::`Z0VQ_t9#0@A `:Z:A#960">#0VO!&€ &F Z2K.UO )O::R&1:!%CT kD@R H I.2. HTML là gì? ]!:CW8RD:C0B!8 Z!02:C• uUO!! &F dD:C%"<=E6<:=(EZ: 6 <=E6Alc !, >C20180@A8A8#8 A800N =MZ#0@A‚02ZU 0` =Z 302Z!#3#01 3•(8 +01&'%02MZ8#A:ƒ8 /800N vQ#:-##80:#8#:#807W: Z2TK . „  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)/  +,,  , ! #$ %  %    $   ,21        )  -&  &     % 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-‹:‹ „  ‡  ‡  … & ‡ ‰ „ -‹^‹  ‡ HH † :0 …  ZZ „ @ …  † 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)  <  ! ,' . &   % *  '  AB1  + !   , % ,   % * .  ! 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 „  „  ‡   †   … @ … /: ‡ <80‰ „  † <H1> . </H1> v †  † # ˆ  ‡  †   †  … 0 „  ˆ & ˆ 0 … @‰ „  & ˆ  S‰ „  † 8 … # H …  † <=E6 <H1>Tiêu đề mức 1</H1> # ˆ  & † M †  ‡  †  …  Tiêu đê ̀ mức 1 < †  „  …  † # †  ‡ #0@ ‡  † & -E FG(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 =8H … ‰ ‡  ˆ  „  ‡  … # ˆ  & †  „ 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 . NO   ! &  *&*  )    (, %    ! ' !    % -& %    % & &   - 0  , % #,  ,P),  & . & ! # !  - 3' !   '  &  )  +   5 > 5()   %  5 < 5 . &   ! + ! * %    )  (  , % , %     '  &   ! 9    #,  /QRQ+R d „ 89$  #,    '  &  $  ,  + ! ,S9S   % '  &  $ ! *& . )  *-Q# ! )  )  *) % TRT &tên_quy_định; qZ „ & †  @ †  †  …  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‰ …  ‡ 8H808 „  „  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 „  „ ‰ ‡  & † & † 8H „ ( „  … ‰ ‡  & †  ‡  † & † H „  „  …  †  …  … & &0 „  …  † # H, <HTML> <HEAD> <TITLE>Chỗ này là tiêu đề </TITLE> . CHƯƠNG I. NHỮNG KHÁI NIỆM CƠ SỞ I.1. World Wide Web là gì? . ‰ … Z …  … &‰ „  I.3.2. Độc lập với khái niệm trang và thứ tự các trang E † ‰ „ H „ & ˆ  … <=E6