Đang tải... (xem toàn văn)
Ngôn ngữ Siêu văn bản HTML (Hyper Text Markup Language) là ngôn ngữ biểu diễn văn bản cho phép ta đưa vào một văn bản nhiều thuộc tính cần thiết để có thể truyền thông quảng bá trên mạng toàn cục WWW (World Wide Web). HTML cho phép ta đưa hình ảnh đồ họa vào văn bản, thay đổi cách bày trí của văn bản, và tạo những tài liệu siêu văn bản có khả năng đối thoại tương tác với người dùng.HTML chủ yếu xoay quanh khái niệm “thẻ” (tag) làm nền tảng. Một ví dụ về tag là . Hầu hết các chức năng trên HTML có thẻ mở và thẻ đóng tạo thành một cặp giới hạn một đoạn văn bản. Ví dụ và là thẻ “bold” nghĩa là chữ béo. Toàn bộ đoạn văn bản giữa và sẽ được thể hiện dưới dạng chữ béo (hay chữ đậm) khi văn bản đó được xem bằng một trình duyệt tương ứng. Ví dụ xin chào sẽ được hiện lên là xin chào.Để tạo một siêu văn bản, ta có thể dùng bất cứ một chương trình soạn thảo nào (ví dụ: NCNorton Commander, EDIT của DOS, NotePad hay Write của Windows 3.x, WordPad của Win95, WinWord 2.0 hay 6.0, FoxPro, Borland C++ IDE, Borland Pascal IDE, FrontPage, TextPad, v.v…), chỉ cần nắm được các thẻ của HTML, và khi ghi vào đĩa thì cần lưu dưới dạng file text. Tên file có đuôi mở rộng là HTM (hoặc HTML). Song có một hạn chế là dạng văn bản khi ta soạn với khi ta xem sau này (trên WWW) không giống nhau. Chính vì lẽ đó mà nhiều hãng tung ra phần mềm soạn siêu văn bản What You See Is What You Get (WYSIWYGcái ta thấy cũng là cái ta có được). Hãng Microsoft cũng đã tung ra một tiện ích được sử dụng rộng rãi. Ngoài ra, còn có nhiều tiện ích chuyển đổi từ dạng RTF (có thể soạn bằng WinWord hay WordPad) sang HTML, hay các phiên bản sau này của trình duyệt Web như NetScape có sẵn luôn chức năng này. Các tiện ích đó đều giống nhau ở chỗ cho phép ta gõ trực tiếp các thẻ vào văn bản nhưng cũng có thể dùng tổ hợp của thanh công cụ (toolbar), hộp thoại (dialog), thực đơn (menu) hay danh sách các lựa chọn (popup list). Để gạch dưới đoạn văn bản trong ví dụ vừa rồi, ta có thể gõ vào xin chào, dùng chuột chọn, rồi bấm vào nút Underline trên thanh công cụ. Văn bản sẽ tự động được chuyển thành xin chào (ở đây thì và là cặp mởđóng của tag có chức năng giới hạn đoạn văn bản cần được gạch dưới).Ngày nay, do sự phát triển như thác lũ của mạng toàn cục, HTML cũng ngày càng trở nên phức tạp và hoàn thiện hơn để đáp ứng được những yêu cầu mới nảy sinh trong quá trình phát triển đó (như âm thanh, hình ảnh động, v.v…). Người ta gọi đó là những phiên bản của HTML và đánh số để biểu thị. HTML 2, HTML 2+, HTML 3,… là để chỉ những phiên bản sau này.Một trong những điểm mạnh của HTML là một văn bản bất kỳ nếu tuân thủ tiêu chuẩn HTML đều có thể hiện lên màn hình hay in ra, tóm lại là hiểu được, bởi bất kỳ loại phần mềm hay máy tính nào mà người đọc có, không phân biệt trình duyệt nào (NetScape trên Windows hay Lynx trên UNIX, thậm chí cho người khiếm thị bằng phần mềm đặc biệt).Người ta còn đang tranh cãi nhiều trên Internet về HTML “tốt”. Định hướng nguyên thủy của HTML là tạo ra một phương pháp vạn năng để lưu giữ và thể hiện thông tin. Sau này người ta coi HTML như một ngôn ngữ định hướng nội dung – “trong tài liệu có gì” quan trọng hơn nhiều so với “tài liệu có đẹp không”.Tác giả rất mong nhận được sự góp ý từ bạn đọcXin chân thành cảm ơn.
!"#$#%&'$()#*#)" +#",#-&".#*#/0(1$"2"333 $ 34"#$#%&'#5##&6#7$8 #&9"0"#+":81$#;<".# &=#$1'>0"?'@ A4 "#:-$/##0;(B#CD(*4) + 2*EFG4,#-"0""#H"".#C(I#C &.1$##()"J?#1()&$14K+ 2EFGELFG #CB$ D#M"#%$4$)&$1EFGELFG<N &'O"##; '? 1"#%$#"#&P(#&.&'O"( Q()5# ;'>H4K+ 2EFG"#$ELFG<N&'O"#; 4 R1$()<8".# AS"H()"#'>5#<$1 #$$+ 2TUV$$U$(( 8WXYV":XZ8$[ # 3V":3 $\< ]483$ [ ": 3^_833$ `4a#b4a8 c$[$8 F$ Udd YXW8 F$ [<" YXW8 c$[8 [ 8 4e8"#f",g(&'O""0"#C":8##$&M#5",' '? 1h4h".&(I)#$J"4$". ()#1"#- 1#<$1?#(<333 #=#4U#+#5N&.(#*#i#,(*(<$1 <#$<#$3jY3jkV"0#S"l "0".&'O"4i"$<$h"l&i();+"#&'O"<m 2 )i4$8"n".#*;+"#"#&9o 1pc".# <$1Q33$ #3$ [ <8#"0"#< ":5# ;3#'"".<q"#H"4U0";+"# &.&*=#I"#r"#$#%st"-"0"#C$ #'"l".# A9#O":##""2$$8#)#$1 $8#t"&>(# #<0"#"0"t"#7$V<4R 1"# '?&$1$+ 2o68".#s$"#$8 A "#)"#786S($uv ##""24K<Nt &)&'O""###EvG"#$ELvGI&w#5EvGELvG "J(IL&.":"."#H"?#1&$1",&'O"1"# '?4 8 $<t#0#'#0"l":(1$"2"8 "l"I#H"1#$#;#>&&0H&'O"# ",(?<#$/05##0&.#'w(##8#5## &)84e4'@7&.##":&0#<=& #x4`8`d8]8e&"#f##< 4 )$#&((1#":()Sy- w#:"#z&*".##;(#5##8.(1 #&'O"8ISy$1#,(*(#(0+#$('@&7"".8 ##w;5# ;$"3 $\<# vY{8#P("#+"#$'@#-(#xQ#,(*(&J";4 '@"n&#"i#*Y*B=D4Rx# #'?#:":1$()#'>#01&' ##;#4'@"$#'() &x##'?) |B$;".5D/7#>#*<$? B;".&}#D4 0"S($#P&'O"<t.~o1&7" {"#w##"(>4 HTML VÀ THIẾT KẾ WEB !"#$%&' ( )*+,-."/01234 5" 67,%"."891: ;6."/<*25=>?1@?=A.B."/ ,CDE(-!F: ;GE Chương I: NHỮNG KHÁI NIỆM CƠ SỞ. Chương II: TRÌNH BÀY TRANG. Chương III: DANH SÁCH VÀ BẢNG TRONG HTML. Chương IV: ĐƯA HÌNH ẢNH VÀO TÀI LIỆU HTML. Chương V: CÁC MỐI LIÊN KẾT SIÊU VĂN BẢN. Chương VI: BÀY TRÍ NỀN VÀ KHUNG. Chương VII: BIỂU MẪU STYLE VÀ CASCADING STYLE SHEET. Chương VIII: CÔNG CỤ SOẠN THẢO TRỰC QUAN WEB (Microsoft FrontPage 2003) H=>;6=<1"-."/012,C7 ,%89195I"."8919J: K+KG-LM+L M?=H7;LMH7NO7;: MỤC LỤC LỜI MỞ ĐẦU 1 CHƯƠNG I. NHỮNG KHÁI NIỆM CƠ SỞ 7 I.1. World Wide Web là gì? 7 I.2. HTML là gì? 11 I.3. Các đặc điểm của siêu văn bản 12 :::HG3P*,A*</,%*<C::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::HG3P*,A.-L?,%/$-?:::::::::::::::::::::::::::::::::::::::::::::: :::8919,%?QR+9*9::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: I.4. Soạn thảo văn bản - những vấn đề chung 14 :&::? S7,%?891:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::& :&::-T7::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::U :&::-4 !V :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::W :&:&:) ?XQG%3L 7::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::Y :&:':-*<D7Z79399[::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::\ Bài tập 21 CHƯƠNG II. TRÌNH BÀY TRANG 22 II.1. Tạo tiêu đề 22 II.2. Thẻ trình bày trang 24 :::GTF::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::& :::- GFQT?]1%!?:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::^ Bài tập 32 CHƯƠNG III. DANH SÁCH VÀ BẢNG TRONG HTML 33 III.1. Các kiểu danh sách 33 :::_-.5-/$:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: :::_-5-/$:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::' :::_--5@J::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::W ::&:_-*>*M3S ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::^ III.2. Bảng biểu 39 ::: ) ?X:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::Y :::G3= ,C12:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::&\ :::-,FE(::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::&' Bài tập 49 CHƯƠNG IV. ĐƯA HÌNH ẢNH VÀO TÀI LIỆU HTML 50 IV.1. Hình ảnh tĩnh 50 :::L*2::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::'\ :::T`Oab::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::'\ IV.2. Các thuộc tính của thẻ chèn hình ảnh 51 ::: GFc:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::' & ::: GF8_7,%7dO7:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::' ::: GFcO;::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::' ::&: GFecd,%7ecd::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::' Bài tập 54 CHƯƠNG V. CÁC MỐI LIÊN KẾT SIÊU VĂN BẢN 55 V.1. Thẻ neo và mối liên kết 55 ::: GF7fdg::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::'' :::."?+%hdi9?3.::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::'' :::H@j !L5::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::'U ::&:H@j=05::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::'U ::':."Gh9?3.:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::'W V.2. Dùng hình ảnh làm đầu mối liên kết 57 :::!61k]:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::'W :::9*RTcfdc::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::'^ V.3. Đưa âm thanh vào tài liệu 59 :::."5"L*l:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::'Y :::+lC::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::'Y V.4. Đưa Video vào tài liệu 60 :&::mL*E9+::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::U\ :&::;XL*,E9+::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::U\ Bài tập 62 CHƯƠNG VI. BÀY TRÍ NỀN VÀ KHUNG 63 VI.1. Màu nền và văn bản 63 :::Hn% C:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::U :::% 6Q,12:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::U :::% Q5< 3."R GF;M;,%c;:::::::::::::::U ::&: GF,%% :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::U' VI.2. Nạp hình ảnh làm nền cho trang văn bản 66 ::: GFKcOfop;_:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::UU :::89??.::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::UW :::7!.,%+%3L Q]:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::UW VI.3. Khung – Frames 68 :::??F. ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::UY :::%*<gfcded::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::W VI.4. Thiết lập Target, thẻ NOFRAME và IFRAME 74 :&::"3P*?9::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::W& :&::T;ogfcde::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::W' :&::;Xq?9RTgfcd::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::W' Bài tập 76 CHƯƠNG VII. BIỂU MẪU STYLE VÀ CASCADING STYLE SHEET 77 VII.1. FORM 77 :::gof3%]r:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::WW :::-%*<?+gof::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::W^ :::F) ?X+gof:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::^^ ' VII.2. Cascading style sheet 91 :::39e!39:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::Y :::OAL e!39e99:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::Y :::s,?*e!39e99:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::Y& ::&: P6e!39e99::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::Y^ ::':-XF?+e!39e99:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::Y ::U:>FQ-e!39e99::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::Y ::W:">*e!39e99,A7:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::\ ::^:/$= Q-!39ZE[:::::::::::::::::::::::::::::::::::::::::::::::::::U CHƯƠNG VIII. CÔNG CỤ SOẠN THẢO TRỰC QUAN WEB (MICROSOFT FRONTPAGE 2003) 129 VIII.1. Tạo một trang Web 129 :::KV5< DE(g?+9\\:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::Y :::+G?tG9*39::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::\ :::+,%3= G?A:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ::&:+G5C(:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ::':q+,%% ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::' VIII.2. Tổ chức một trang với các liên kết, danh sách và bảng 137 :::G!*9?3.,%+G?891::::::::::::::::::::::::::::::::::::::::::::::::::^ :::+GE-::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::& :::u/G?,A-12::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::&& ::&:7I@]2?G?891:::::::::::::::::::::::::::::::::::::::::::::::::::::::' ::':+G8919A:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::W\ ::':-9A::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::W VIII.3. Phát triển nhanh một site với các template 182 :::G9*398919:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::^ :::+G8919A:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::^ :::+v!1"8919AQ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::^' ::&:,%3+1w-3XF:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::^W ::':-9*399?+3891e9::::::::::::::::::::::::::::::::::::::::::::::::::::::^^ ::U:G9,%+G?891::::::::::::::::::::::::::::::::::::::::::::^Y ::W:= -!5uG9::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::Y VIII.4. Tạo một site với sự trợ giúp của Wizard trong FrontPage 2003 192 :&::xGyz?E+9:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::Y :&::;P*G9LB,%+g?+9:::::::::::::::::::::::::::::::::::::::::::::::::::::::Y& :&::G*=0*-**+?:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::Y' :&:&:,@?F5I3= 9::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::YY :&:': P**2St-.-4 8919Q::::::YY :&:U:= *2SQ.-4 Gq39:::::::::::::::::::::\ :&:W:;P*2SQ.-4 1k93::::::::::::::::::::::\& Bài tập 207 U CHƯƠNG I. NHỮNG KHÁI NIỆM CƠ SỞ I.1. World Wide Web là gì? 8+?3E8E9891Z888[3%G-% !: 888E$?0"5I-% !%!?x{Ev+= i9%?G?)% R 0"5nvE5,A,L5@E-% !? 888Z=-pf[ R -+/M5I? !P*A-% !4 888 Z= 7[ R e , 12M 5I E| E% !I 5u 6 - % ! Z= 7[: -?%1 G610"5=> ?}E=A5l! OAL ,Cpf % !{Ev?888h%3L 7M2M,E9+ 3*M=0?]MaRBG5@j%BI5=>B1xGpf: -pf=S*< R L5nQ-0"Ev5I? !P*% ! R Q-!F3= ?6Zu/[% ! R Q12l% !M=G5=E~ FE(+pfj?}?893f9*+? pf%!BI5=>5= BG%3L {Ev9++ /7M53= ?+-! MBI? !P*9+5= W E~• €:-0".-BI)!?+-%3L 71+S • €5,A=5LD,%• €5,Ag: Hl!3%G,FE(.-,Cpf:FE(%!-jAG*= Z31+i[Q=Ev !"#$%&' ()*+,-*./*0*0,12*3()1 -5@E5+Zq?9E9q9?[ Gpf-jA,L5@,@G% !:I %!Q pf."X,A• 4 €9+ 1xGE) L ."Z3%"0"&x# #&$1[:FE(M5l!3%Gpf5-E) GB3%9+• /*/*04/*056 -pf=05 Gpf=05.9+0"5n:H=E~QB =" AG% !?vG-!=%3L L :-pf=05BIS-%*<5=E~=05 Z=•::€J3%G/??+) ?X5=>5@J1x5= E~[M,%BI1+S-E) L 5+: -pf5=>24 !"5I++%-pfDE(Gpf :;=G,FE(Q2*-*pf=05M2DXBpf • 0*0/7 €: pf =0 5 ?+5-E) E=A5l!+G3." ,12 `c?9q‚€ **39?:3€be **39?`ƒcb ^ „x?G%pf5<!5Q • 0*0/7/7*/ € ?+ . pf=05?+,L5-E) +G2E=A5l! (89/0+,0/,+,,1 „ x ?G % pf 5<! 5Q • 0*00/ € ?+7M-pf5=>Ev5I R ."A%3L +n% !.-MZi9c,%;[ R ."A.I E1+%+n.@12Z?*[Zi9 :8;< =38> [ R OSG2M5=>M+n**39?+G?MZi9 89# ?@2A3#)>>:A8;>B [ R +G12ES2Zi9 )>)A) [ R +Gq+?Zi9 C? [ R +G. %3L Zi9 C)A8C)A [ R ?FE~GjE~1+%Zi9 D#@:?3<DB?A#8;= EA: [ R .2+-4 !=A E63L 2G%3L Zi9 FA)E [ ;%!!=Ev-!F=G(?)6 F5I? ! P*9?9MQ!" 3%].":-%!BI3%- ,12M]2l!5*=0LaA+EL lL1x,LDE(-.L M1I =>?)>2<,A -]25=,%j<6+-5025B! <]."x?=An: Y ; < DE(-!F5I? !P*9?9]." %!%C ,%=DE(-!FB?]5G,%"c 5II -1-+Q-!.- :%"%+5I=BI E|E%DE(-!F5I? !P*9?9=G(*(,(5V 3$+,L?/ ]."??G3A) +%(: L%!?xE|E%01x=x ,12Z7!*9?9i[: e ,123%-,12•€BIX*=5],% )*+-%3L 34 :;=5.*2)]." ?+.+9?9,P: -L ,12E+%9E;93+5Ci ),%+ YU'=G=A0Z•+* 9?_?9€[,C.2Q-!F ?+=03:…!,,C--!FB?F L=+=M1" -? !]-<": _$-$L ,123%QG.†=?T=c3% K9?9?h99:e .L*Hoiq+?Zc[YWUM Y^\5,"G=0?]*w3."C 1).‡ ?G5S@=.I 3." ,12:;Y^YM?+.3%,L L/ .† Pll ˆ Zdf;[K9?9Z(!†[M )!-5SL*?),),2?+,L?%3L M55=?G5C -3= ?6 ,12?-!F++E|E%]."%3L 0: ?+"A ,12888M=DE(BIE|E%5 t%3L %!%3L .-4 -3.":;=,P!B IE 3@?+i3G*+*X?+.,~S%:† P ,12X*+.*2P ,?0x?%,~B \ [...]... của văn bản HTML thực sự không bị hạn chế I.3.3 Website và trang chủ - homepage Một website là một bó các trang web liên kết với nhau và liên kết với các trang ở bên ngoài chằng chịt như mạng nhện Hàng triệu Website liên kết với nhau tạo thành World Wide Web – WWW 13 Phạm Văn Kiên Có thể tưởng tượng như một ngọn núi nhỏ các trang web mỗi ngày một cao thêm, được phát triển bằng cách thêm vào nhiều trang... phần tử HTML (HTML element) Một tài liệu HTML tạo nên từ nhiều thành phần HTML Một thành phần HTML được đánh dấu bằng một cặp thẻ mở và thẻ đóng Các thành phần HTML có thể cấu trúc phân cấp hình cây, thành phần "mẹ" chứa nhiều thành phần "con" khác lồng bên trong nó Có thành phần rỗng, chỉ có thẻ mở 20 Phạm Văn Kiên Để soạn thảo tài liệu HTML đúng cú pháp, cần nắm vững cấu trúc của từng thành phần HTML. .. hoạ hình ảnh của một website như trong hình vẽ bên Trang chủ hay trang chính - 'home page' có thể hiểu là cửa chính - 'front door' để thâm nhập vào kho thông tin liên kết chằng chịt ấy Vậy home page là trang web mà bộ duyệt sẽ mở ra đầu tiên mỗi khi người dùng bắt đầu thăm website 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 Trang mã nguồn HTML là một tệp văn bản... danh sách, ảnh, v.v… Truy tìm thông tin trực tuyến theo các liên kết siêu văn bản bằng việc kích vào một nút Thiết kế các định dạng cho việc kiểm soát các giao dịch (transaction) với các thiết bị từ xa, đối với người dùng trong việc tìm kiếm thông tin, tạo các sản phẩm, đặt hàng,.v.v… Bao gồm spread-sheets, video clips, sound clips, và các ứng dụng trực tiếp khác trong các tài liệu của họ Các trang... thích hợp (ta không nhìn thấy được) vào đầu và cuối đoạn tiêu đề được chọn để thể hiện nó theo yêu cầu Với HTML cũng tương tự như vậy Để làm nổi bật các tiêu đề ta cần đánh dấu điểm bắt đầu và điểm kết thúc của đoạn tiêu đề bằng cặp thẻ Heading, ví dụ Bộ duyệt sẽ hiển thị đoạn này với cỡ chữ to hơn và căn chính giữa Ví dụ, dòng sau đây trong tài liệu HTML Tiêu đề mức 1 sẽ được... FrontPage, Dream Weaver với giao diện trực quan và tự động 15 Phạm Văn Kiên sinh mã HTML, cho phép soạn thảo siêu văn bản như soạn thảo thông thường Tuy nhiên, việc tìm hiểu cú pháp của HTML, nắm vững ý nghĩa của các thẻ khác nhau vẫn rất cần thiết để có thể tạo ra các trang Web động, tương tác với người sử dụng, tức là các ứng dụng Web sau này I.4.2 Các thẻ HTML Các thẻ dùng để báo cho trình duyệt cách... những năm gần đây I.2 HTML là gì? Để phổ biến thông tin trên toàn cục, cần một ngôn ngữ phổ biến và dễ hiểu, một kiểu việc phổ biến tiếng mẹ đẻ mà toàn bộ các máy tính có thể hiểu được Ngôn ngữ phổ biến dùng bởi World Wide Web là HTML (Hyper Text Markup Language) HTML cho tác giả các ý nghĩa để: Phổ biến các tài liệu trực tuyến với các heading, văn bản, bảng, danh sách, ảnh, v.v… Truy tìm thông tin trực... liệu sau đây: Chỗ này là tiêu đề 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 < /HTML> Tuy nhiên, để dễ theo dõi và phát hiện lỗi, nên trình bày như trong văn bản trước: dóng thẳng cột từng cặp thẻ, xuống dòng khi cần thiết, đặt các thẻ vào nơi hợp lý... này HTML quy định cách viết: > < Nói chung, quy tắc viết các kí tự đặc biệt trong HTML là tên_quy_định của kí tự nằm giữa dấu ampersand - & và dấu chấm phẩy ' ; ' &tên_quy_định; 5 ký tự đặc biệt hay dùng Ký tự < > “ Ký tự trắng Cách viết < > " 17 Phạm Văn Kiên & & Có thể chèn các dòng bình luận, chú thích vào trang mã nguồn bằng cách đặt giữa cặp dấu chú thích và ... liệu HTML Mọi tài liệu HTML đều có khung cấu trúc như sau: < /HTML> Hãy xem trình duyệt hiển thị tài liệu trên như thế nào Dĩ nhiên là một trang trắng chưa có nội dung gì cả ! Giữa cặp thẻ tiêu đề là dòng chữ sẽ hiện lên trên thanh tiêu đề của cửa sổ khi trình duyệt đọc tài liệu Nếu bỏ trống thì trình duyệt sẽ cho hiện tên tệp thay vào . III: DANH SÁCH VÀ BẢNG TRONG HTML. Chương IV: ĐƯA HÌNH ẢNH VÀO TÀI LIỆU HTML. Chương V: CÁC MỐI LIÊN KẾT SIÊU VĂN BẢN. Chương VI: BÀY TRÍ NỀN VÀ KHUNG. Chương VII: BIỂU MẪU STYLE VÀ CASCADING STYLE SHEET. Chương. |B$;".5D/7#>#*<$? B;".&}#D4 0"S($#P&'O"<t.~o1&7" {"#w##"(>4 HTML VÀ THIẾT KẾ WEB !"#$%&' (. GFecd,%7ecd::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::' Bài tập 54 CHƯƠNG V. CÁC MỐI LIÊN KẾT SIÊU VĂN BẢN 55 V.1. Thẻ neo và mối liên kết 55 ::: GF7fdg::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::'' :::."?+%hdi9?3.::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::'' :::H@j