Ẫ H

Ậ NG D N NH P MÔN HTML ủ ữ ẽ ữ

ả ẩ ế t cách dùng

ƯỚ ề ự ạ ỉ ẩ ẳ ể ạ

ư ả ự ử ờ ượ c xây d ng trên n n văn b n và đ  ho , World Wide Web

ư ư ạ ủ ề ậ

ơ ấ ượ ộ ệ ố ồ ạ

ươ i dùng PC không rành k  thu t. Nh  HTML t

ườ ẫ ố ả ồ ả ớ ỹ ể ạ i bình th

ủ ế ạ ố

ữ ả ạ

ầ ế ề ớ ạ ề ộ ộ

ạ

ượ ệ ặ ị ư ế c th c hi n nh  th  nào. Đ c bi

ể ạ ượ ớ i thi u v  các ph n t c gi

ấ ồ

ữ ườ ợ

ả ự ị ế ề ạ ữ ượ ạ

ấ Bài này s  trình bày v  nh ng bí  n c a ngôn ng  đánh d u siêu văn  ế ấ b n (HTML), nh ng th c ch t ch ng có gì bí  n. N u đã bi trình x  lý văn b n, b n có th  t o ra các trang Web ch  trong vài phút. ả Nh  đ (WWW) đã đ a Internet nh p vào dòng ch y c a cu c s ng. Nh ng tính  ề ủ h p d n c a WWW v t xa h n nhi u so v i giao di n đ  ho , là cái đã  ố ờ ậ ườ ề ng đ i  lôi cu n nhi u ng ầ ấ ườ ề ơ đ n gi n nên nhi u ng ng có th  t o ra các Web site đ y  n  ấ ư ượ t  ng. N u b n khao khát mu n đ a cái gì đó c a mình lên Web, thì t t ộ ả c  nh ng đi u mà b n c n có là m t tài kho n đăng ký v i hãng cung  ấ c p Web, m t ít bí quy t v  HTML, và m t chút óc sáng t o. ẽ ư ế ộ ể Bài báo này s  đ a b n đi m t chuy n du l ch trên trang Web đi n hình,  ể ấ ự ẽ ạ ệ đ  b n có th  th y nó đ t, b n s   ầ ử ấ ạ ề ệ đ  c u t o nên HTML (Hypertext Markup  Language ­ Ngôn ng  đánh d u siêu văn b n) ­ linh h n các trang Web.  ả ng h p không có d  đ nh t o ra Web site riêng cho  Và ngay c  trong tr ố   ả ể ạ mình, thì b n cũng có thêm đ t v  nh ng gì x y ra khi b n n i c hi u bi ư vào Web và xem các trang  a thích.

ữ ấ HTML: Ngôn ng  đánh d u:

ớ ữ

ả ằ ầ c t

ầ ế

ạ ườ ề ặ ư ộ ể ộ ố ể

ữ ể ạ ấ ỳ ự ư

ấ ầ ả ẫ ế

ộ ặ ế

ả ạ ủ ượ ừ ừ ừ ả ề ượ c  ể ể ầ ử  HTML x p đ t đúng quy cách. Đ  hi u  ụ  trong c m t

ữ

ả ế ế ả ộ

t, liên k t siêu văn b n là m t  ỉ ế

ệ ủ ộ ộ ạ ộ

ắ ặ

ạ ứ ế ẽ ư ữ

ỏ ư ầ ặ

ậ ự ượ ư ế ả ng đ

c bi ả ữ ủ ể ạ ệ

ả

ỉ ẫ ế t

ượ ữ đi n đ nh nghĩa markup là các ch  d n chi ti t tay đ  x p ch  in. Trong lĩnh v c

ự ế ề ể ệ i đ nh nghĩa nh  sau: các l nh chi ti

ị ừ ể ế ả c ghi trên b n vi ể ế ạ ị t l ệ ượ ả ị Sau nh ng lóng ngóng v i vài trang Web trong cu c du l ch Internet, có  ể ạ ữ   ượ ấ ả t c  nh ng th  b n nghĩ r ng ph i có gói ph n m m tinh vi đ  thu đ ụ ệ ứ hi u  ng trang trí đ y quy n rũ này. M c dù có m t s  công c  dành cho  ữ ộ ự i say mê HTML th c s , nh ng b n có th  dùng m t trình  nh ng ng ủ ả ạ so n th o văn b n b t k  nh  Notepad c a Windows đ  t o ra nh ng  trang Web h p d n. ự ậ S  th t là h u h t các trang đ u không có gì khác ngoài văn b n đ ố ằ gia c  thêm b ng m t ph n t ạ ộ c cách ho t đ ng c a chúng, b n ph i xem xét t ng t đ ả ấ Ngôn ng  đánh d u siêu văn b n và xem chúng có ý nghĩa gì: ư ạ Siêu văn b n (HyperText). Nh  b n đã bi ể ừ  hay m t câu trong trang Web dùng đ  ch  đ n trang Web khác. Khi  t ư ế ấ nh n chu t lên m t trong các liên k t này, trình duy t c a b n (nh   ế Netscape Navigator ho c Internet Explorer) s  đ a b n t c kh c đ n  ả trang Web kia mà không c n h i han gì. Vì nh ng liên k t siêu văn b n  ủ này th t s  là tính năng đ c tr ng c a World Wide Web, các trang Web  ườ ệ th t nh  là nh ng tài li u siêu văn b n. Cho nên HTML có  ạ ừ  siêu văn b n trong tên c a nó, vì b n dùng nó đ  t o nên các tài li u  t siêu văn b n này. ấ Đánh d u (Markup). Có t ề ể v  ki u dáng đ này, chúng ta có th  vi dáng đ ể ế ư t v  ki u  ể ư c đánh vào tài li u văn b n đ  đ a lên WWW. Đó là HTML theo

ộ ồ ắ ả

ặ ấ ệ ả ấ ơ ể ạ t. Nó g m m t vài mã đ n gi n đ  t o ra văn b n  ầ t kê d u ch m đ u dòng, các hình

ế

ố ợ ệ

ồ ả ả ộ ị ậ ạ ạ ố ẽ ự

ị ỗ ệ ừ ễ ị ầ ụ ể ẫ

ấ  d  nh m l n nh t trong c m t ữ ậ ữ ề ườ ả ộ

ọ

ễ i di n gi ế ậ ả ế ữ ữ ỉ

ệ ậ ợ ể ồ ể ư ậ ặ ạ ị m t đ nh nghĩa tóm t ả nét đ m ho c nghiêng và các b ng li ớ ự đ  ho  chèn thêm vào, cùng v i s  xác đ nh các m i liên k t siêu văn  ữ b n. B n đánh các mã này vào nh ng ch  thích h p trong tài li u văn  ệ ệ b n g c, trình duy t Web s  th c hi n vi c d ch chúng. ừ Ngôn ng  (Language). Đây có th  là t   ư i HTML nh  là m t ngôn ng  l p trình. HTML  này. Nhi u ng không có gì liên quan đ n vi c l p trình máy tính c . HTML g i là ngôn  ừ ỏ ng  ch  vì nó g m các t p h p nh  các nhóm hai đ n ba ch  và các t   mà b n dùng đ  quy đ nh ki u dáng nh  nét đ m ho c nghiêng.

ẻ Các th  HTML:

ệ

ằ ệ ể ắ ầ

ộ ả ả ả

ạ ả ư ậ ờ ộ ố ạ ượ ử ả ị ể c hi n th . ả d ng văn

ộ ả ủ ệ ở ạ ử

ả ư ả ạ

ả ệ ử ộ ả

ồ ả ư ờ ạ ọ ủ ở ộ ặ ư

ạ

ẳ ộ ấ ả ả

ạ ậ ạ ề ơ ệ ỉ ầ ọ ủ ư ẻ ấ ạ ồ

ả

ệ ứ ườ ữ ẻ ặ ầ

ộ ầ ỉ ẻ ị ế ạ ạ

ữ ậ ể ạ

ả ư

ẻ ầ ả t c  ph n văn b n

ầ ấ ể ế ằ

ẻ ế ư ị

ạ ệ ứ ữ ệ ứ ề ẻ ề

ề ệ ế ả

ạ ứ ữ ề chúng ta cùng đi sâu vào các khái ni m đ ng sau HTML, và xem  Bây gi ấ ả ở ộ   ả ụ ẫ xét m t s  ví d  m u. Đ  b t đ u, t t c  công vi c ph i làm là kh i đ ng ệ ạ ủ trình so n th o văn b n yêu thích c a b n và b o đ m đã có m t tài li u  ỗ r ng đ ả Trình x  lý văn b n c a b n ph i có kh  năng l u t p tin  ự ộ  đ ng; còn các trình x  lý văn b n  b n. Notepad làm vi c này m t cách t ỳ khác, nh  Word và WordPerfect, thì có tu  ch n văn b n trong h p tho i  ế Save As. Hãy tham kh o tài li u thuy t minh c a trình x  lý văn b n.  ớ Đ ng th i b n ph i l u các trang v i đuôi m  r ng HTM ho c HTML, nh trong Homepage.htm ch ng h n. T o l p trang Web là m t v n đ  đ n gi n, ch  c n đánh văn b n c a  b n vào r i chèn thêm các ký hi u đánh d u, g i là th  có d ng nh  sau: ộ ị văn b n ch u tác đ ng ộ Ph n th  là m t mã (th ng ch  có m t ho c hai ch ) xác đ nh hi u  ng  ố ậ ụ mà b n yêu c u. Ví d , cho th  nét đ m là . Cho nên n u b n mu n  ấ ệ câu ACME Coyote Suppplies xu t hi n theo ki u ch  đ m (bold), b n  ủ ệ ph i đ a dòng sau đây vào tài li u c a mình: ACME Coyote Supplies ị ấ ả ệ Th  đ u tiên báo cho trình duy t (browser) hi n th  t ẻ ụ ữ ậ ế ti p theo b ng phông ch  đ m, liên t c cho đ n th  . D u g ch chéo  ệ (/) xác đ nh đó là th  k t thúc, và báo cho trình duy t ng ng hi u  ng đó.  ồ HTML có nhi u th  dùng cho nhi u hi u  ng khác, bao g m ch  nghiêng  ấ (italic), d u đo n văn b n (paragraph), tiêu đ , tên trang, li t kê, liên k t,  và nhi u th  n a.

ấ ơ ở C u trúc c  s :

ẻ ạ ộ

ế

ư t, nh ng t ệ ố ể ể ơ ở ề ầ ị

ế ầ ặ ấ ầ  nh t hay sinh đ ng, vô nghĩa ho c r t c n  Các trang Web khác nhau, t ấ ả ề ộ ấ t c  đ u có cùng m t c u trúc c  s , nên đa s  các trình  thi ể ế ạ duy t đang ch y trên h u h t các ki u máy tính đ u có th  hi n th  thành công h u h t các trang Web.

ậ ằ ẻ ắ ầ

ụ

ệ ẻ ệ ự ọ ủ

ươ ng t ươ ng nh  H t.

ệ ư ế ể ươ ng đ ẻ t k  ti p trong catalog th  HTML dùng đ  chia tài li u thành hai

ớ ố ệ ệ ư ờ

ể ề ể i gi ặ

ị ạ ầ ẻ ư ạ ẻ

ẻ ộ ố t bên trong ph m

ầ ầ ặ ư ạ ổ ế

ấ ẽ ệ ủ ử ả

ị ể ữ ặ ả

ủ ạ

ụ ế ư ạ

ơ ạ ả ấ ầ ậ

ẻ ủ ể ầ ị

ẻ ẻ ướ ầ ầ ệ ị i ).

ơ ả ủ ấ ị

ẻ

ẻ ủ ả

Các t p tin HTML luôn b t đ u b ng th  . Th  này không làm gì  ộ ế ằ ệ t r ng nó đang đ c m t  khác ngoài nhi m v  báo cho trình duy t Web bi ạ   ệ ố ứ tài li u có ch a các mã HTML. T , dòng cu i trong tài li u c a b n ẻ luôn luôn là th  , t ế ế ế Chi ti ầ ầ ph n: đ u và thân. ầ ầ i thi u cho trang. Các trình duy t Web dùng  Ph n đ u gi ng nh  l ầ ầ ph n đ u này đ  thu nh t các lo i thông tin khác nhau v  trang. Đ  xác  ầ đ nh ph n đ u, b n đ a thêm th   và th   vào ngay  ể ặ ạ ế sau th  . M c dù b n có th  đ t m t s  chi ti ế ấ vi ph n đ u này, nh ng ph  bi n nh t là tên trang. N u có ai đó xem  trang này trong browser, thì tên trang s  xu t hi n trong d i tên c a c a  ạ ạ ổ   s  browser. Đ  xác đ nh tên trang, b n đ t đo n văn b n tên đó gi a các ố ẻ th   và . Ví d  n u b n mu n tên trang c a mình là My  ư Home Sweet Home Page, b n đ a nó vào nh  sau: My Home Sweet Home Page ẽ Ph n thân là n i b n nh p vào các văn b n s  xu t hi n trên trang Web  ẫ ạ   l n các th  khác quy đ nh dáng v  c a trang. Đ  xác đ nh ph n thân, b n ặ đ t các th   và  sau ph n đ u (d ọ ẻ Các th  sau đây xác đ nh c u trúc c  b n c a m i trang Web:  tên trang <TITLE> ề Các th  tiêu đ  khác </HEAD> <BODY> Văn b n và các th  c a trang Web </BODY> </HTML></p> <p>ả ạ Văn b n và các đo n:</p> <p>ổ ở ạ ả ằ ủ ư trên, b n b  sung văn b n c a trang Web b ng cách</p> <p>ầ ẻ</p> <p>ụ ươ ỉ ấ</p> <p>ố</p> <p>ủ ẽ ệ ầ ấ ả Nh  đã trình bày  ớ ữ đánh nó vào gi a các th  <BODY> và </BODY>. Tuy nhiên, c n nh   ớ ộ ằ ể ắ ầ ạ ng, m c) m i mà ch   n  r ng không th  b t đ u m t đo n văn (ch ẻ ể ả ạ ạ ế ằ phím Enter. B n ph i dùng th  đ  báo cho browser bi t r ng b n mu n  ớ ạ ộ ể chuy n vào m t đo n văn m i: <HTML> <HEAD> <TITLE>My Home Sweet Home Page </HEAD> <BODY> Văn b n này s  xu t hi n trong ph n thân c a trang Web.</p> <p>ả ẽ ệ ả ạ ấ ộ</p> <p><P> ớ Văn b n này s  xu t hi n trong m t đo n văn b n m i </BODY> </HTML></p> <p>ạ ổ ị ề B  sung đ nh d ng và các tiêu đ :</p> <p>ấ ề ẻ</p> <p>ộ ữ ậ ồ ộ ừ ẹ ẽ ệ</p> <p>ể ể c đ t vào gi a các th  <B> và </B>. B n cũng có th  bi u hi n văn</p> <p>ằ ể ặ ữ ữ ạ ư ế ệ ẻ trên, m t t ặ ượ ả</p> <p>ấ ừ ệ ở ạ xu t hi n ạ ằ i b ng các th  <I> và  ẻ ớ  d ng cách đ n v i các th  <TT> và</p> <p>ề ộ ủ ng sách, n i dung c a nhi u trang Web đ c chia</p> <p>ươ ể ạ</p> <p>ượ ễ ọ ả ưở ấ</p> <p>ạ ụ ưở</p> <p>ề ề ụ ề ụ ắ ề ẻ ể</p> <p>ả ớ ỡ ị ừ ứ     ng</p> <p>ấ ế ứ ề ấ ớ ỏ ớ ả HTML bao g m nhi u th  làm đ p cho văn b n trong trang. B n đã th y  ở ạ  ho c m t câu s  hi n thành d ng ch  đ m nh  th  nào khi ạ ẻ đ b n theo ki u ch  nghiêng b ng cách bao chúng l ơ </I>, và làm cho các t </TT>. ư ố Gi ng nh  các ch ạ ơ   thành các đo n. Đ  giúp phân cách các đo n này và làm cho d  đ c h n, ề ể ử ụ ng nh t, các tiêu đ  này ph i có tác  b n có th  s  d ng tiêu đ . Lý t ạ ể ệ ỏ ữ ư t v  đo n văn  ng tóm t d ng nh  là nh ng đ  m c nh , th  hi n ý t ạ ề ể ổ ậ đó. Đ  làm cho các đ  m c này n i b t, HTML có 6 lo i th  tiêu đ  đ   ữ ữ ậ ể hi n th  văn b n theo phông ch  đ m v i nhi u c  ch  khác nhau, t ớ v i phông l n nh t đ n  ng v i phông nh  nh t.</p> <p>ả ớ Làm vi c v i các liên k t siêu văn b n</p> <p>ế ể ế</p> <p>ệ ẻ ẻ ẻ ả ặ ế ậ ớ</p> <p>ố ệ ạ ạ ạ ỉ ủ</p> <p>ủ ả ạ ộ</p> <p>ế</p> <p>ỉ ằ ả ố ủ ạ</p> <p>ướ ị ộ</p> <p>ư ế ả ạ</p> <p>ế ế ể ộ ố ạ ệ ấ ả ả i liên k t đ  nh n chu t vào đó. Công vi c còn l</p> <p>ữ ư</p> <p>ế ả</p> <p>ộ</p> <p>Th  HTML dùng đ  thi t l p các liên k t siêu văn b n là <A> và </A>.  ơ ể Th  <A> h i khác so v i các th  khác mà b n đã g p vì b n không th   ị ộ dùng nó m t mình mà ph i kèm thêm đ a ch  c a tài li u b n mu n liên  ế k t. Sau đây là cách ho t đ ng c a nó: <AHREF=Address> ỉ ế ắ ủ t t HREF là vi t c a hypertext reference (tham chi u siêu văn b n). Ch   ỉ ự ừ ị ầ  đ a ch  b ng đ a ch  th c c a trang Web mà b n mu n dùng  c n thay t ụ ế ể đ  liên k t . D i đây là m t ví d : <AHREF=http://www/dosword.com/dosworld/index.html> ấ ư ậ Nh  v y còn ch a k t thúc. Ti p theo, b n ph i cung c p m t s  văn  ộ ễ b n di n gi i là chèn  ẻ ả văn b n vào gi a các th  <A> và </A> nh  sau: <AHREF=address> Văn b n liên k t </A> ụ Sau đây là m t ví d  : Why not head to the  <AHREF=http://www.dosworld.com/dosworld/index.html>DOSWorld home  page</A>?</p> <p>ướ ả ạ</p> <p>Chèn hình: ạ ế ạ ớ ồ ổ ộ ơ ỹ ưỡ ủ ượ ể ả</p> <p>ế ờ ổ ẻ ậ ố N u b n mu n Web site c a mình n i tr i h n, b n ph i theo xu h ng  ọ ng. Làm th  nào đ  chèn hình  c ch n k  l đ  ho  v i các hình  nh đ ả ỉ vào trong khi các t p tin HTML ch  có văn b n? Nh  b  sung th  <IMG></p> <p>ộ ẻ ệ ệ ị</p> <p>ệ ẽ ạ ể ể ở ậ ể ị</p> <p>ậ ồ ng</p> <p>đây, SRC là vi ủ ậ ẫ ế ắ ủ t t ồ ể ạ ạ ố ị</p> <p>ư ụ ằ ộ s  b n có m t hình tên là logo.gif n m trong th  m c</p> <p>ạ</p> <p>vào tài li u, nó s  ra l nh Chèn m t hình vào đây. Th  này xác đ nh tên  ồ ủ ậ c a t  tin đ  ho  đ  trình duy t có th  m  t p tin đó và hi n th  các hình: <IMG SRC=filename> ườ ở t c a source (ngu n) và tên t p tin là tên và đ ặ ạ d n c a t p tin đ  ho  mà b n mu n hi n th  (dùng d ng GIF ho c  ả ử ạ JPG). Gi ể ư Graphics. Đ  đ a nó vào trang Web, b n dùng dòng sau đây. <IMG SRC=Graphics/logo.gif> ả Các b ng tham kh o HTML trên Web:</p> <p>ả ộ ỉ ấ ặ ữ ẻ ạ</p> <p>ụ ạ ẻ ổ</p> <p>ấ ả ả ệ ể ươ</p> <p>ộ ể ể ầ ạ</p> <p>ả ấ</p> <p>ị ỉ http://www.yahoo.com/Computers_and_Internet/</p> <p>ồ ờ ả</p> <p>ủ ượ ọ ở ị</p> <p>ạ ế</p> <p>ố t mã HTML, thì m t trong  ề t nh t đ  bi t nhi u h n v  HTML là xem mã mà</p> <p>ọ ề ự ng pháp t ườ ở ấ ể ế ể</p> <p>ạ ủ ư ạ ơ i khác đã dùng đ  xây d ng các trang c a h . Ngay khi có  ụ ể i (dùng</p> <p>ặ</p> <p>ồ ở ậ ư ử</p> <p>ả ạ</p> <p>ấ ỳ ượ ở ọ</p> <p>ặ</p> <p>ạ ấ ự ể ả</p> <p>ẻ ể ự ể ạ ệ</p> <p>ệ ụ ộ ố ự ộ ộ</p> <p>ạ ả ẵ</p> <p>ẵ ả</p> <p>ả ể ể ả ồ ổ</p> <p>ệ</p> <p>ủ ộ</p> <p>ậ ạ ấ ặ</p> <p>ầ ấ ị ộ ẽ ớ ượ ể ỉ http://home.netscape.com/đ  có</p> <p>ề</p> <p>ệ</p> <p>ươ ỗ ợ ầ ự ế ẻ ồ ề ặ M t vài th  b n th y trong bài này ch  là nh ng cái v n v t trên b  m t  ậ HTML. Có hàng tá các th  b  sung khác cho phép b n thành l p các  t kê d u đ u dòng, các b ng, và c  các bi u t danh sách li ng tác. ả ả ử ề Đ  tìm hi u v  chúng, b n hãy th  dùng m t trong các b ng tham kh o  ở ộ HTML trên Web. Yahoo! cung c p m t danh sách các tham kh o này    đ a ch   Information_and_Documentation/Data_Formats/HTML/Reference/ ấ ắ ộ ả Đ ng th i, Microsoft cũng có m t b ng tham kh o HTML xu t s c (dĩ  ỉ nhiên đã đ  đ a ch : c cài vào Internet Explorer c a riêng h )  http://www.microsoft.com/workshop/author/newhtml/default.html. ộ ố Cu i cùng khi b n đã tr  thành chuyên gia vi ươ các ph ữ nh ng ng ủ ộ m t trang c  th  trong browser c a mình, b n hãy l u chúng l File/Save As trong Netscape Navigator ho c File/Save As File trong  Internet Explorer), r i m  t p tin đã l u nó ra xem trong trình x  lý văn  ủ b n c a b n. Ngoài ra, Netscape Navigator và Internet Explorer cũng cho phép xem các  trang b t k  đ c m  ra trong browser; hãy ch n View/Document Source  trong Netscape Navigator ho c View/Source trong Internet Explorer. ả ộ Các b  so n th o HTML ế Không nh t thi t ph i tìm hi u các th  HTML đ  t o d ng các trang Web. ươ ề ng trình Windows có th  th c hi n công vi c chèn thêm  Có nhi u ch ợ ẻ các th  thích h p này m t cách t  đ ng. Sau đây là ví d  m t s  trình  so n th o đang có s n: ấ ủ ớ Word 97. Phiên b n m i nh t c a Microsoft Word có s n kh  năng HTML, ệ ụ ẫ bao g m c  các ví d  m u và l nh Save to HTML đ  chuy n đ i các tài  ữ ệ li u World hi n h u thành HTML. ỹ Netscape Composer. M t ph n c a b  Netscape Communicator, có k   ợ thu t t o trang WYSIWYG (th y gì đ c n y) và tích h p ch t ch  v i  Netscape Navigator. Hãy tìm đ a ch   ơ nhi u thông tin h n. ủ ấ ắ WebEdit. Ch ng trình WebEdit xu t s c c a Kenn Nesbitt có giao di n  ờ   tr c giác và h  tr  h u h t các th  HTML có trên hành tinh này, đ ng th i</p> <p>ộ ấ</p> <p>ậ ố ớ ộ</p> <p>ạ ộ ượ ề ấ ạ ở</p> <p>ươ ng đ i m i. M t đi u r t  ế ườ ẽ i v  tranh bi m ho  ­ tác  ạ ủ ầ</p> <p>ạ ả ủ    c a phim ho t hình Dexter. Nó là m t b  so n th o đ y đ  tính năng, ồ ể ả ả ả  cài s n, browser, frame wizard, các</p> <p>ữ ề ẻ ị</p> <p>ố t c đ  r t nhanh.  HomeSite. Đây là m t trình biên t p HTML t ộ c biên so n b i m t ng ng c nhiên là nó đ ộ ộ ạ gi ẵ bao g m c  trình ki m tra chính t ỉ th  HTML mã hoá màu, và nhi u cái khác n a. Tìm theo đ a ch   http://www.dexnet.com/homesite.html. Bùi Xuân To iạ DOS World 6/97</p> <p>ả ả ạ So n th o văn b n HTML</p> <p>ấ ả ủ</p> <p>ễ</p> <p>ầ</p> <p>ộ ầ ng trình</p> <p>ng trình  ươ ng trình</p> <p>ề ự ụ</p> <p>ữ ể ị n m gi a <TITLE> và  không hi n th  trên trang

ủ ể

ự ằ ị ạ ự ằ ượ ặ ầ i thanh phía trên c a Browser.   n m gi a  và  đ c đ t trong ph n

c in ra.

ữ ượ ữ ự ằ ượ ạ ậ c ghi l ạ i khi b n c p

ụ ậ

ả ầ

ự ụ ề

ề ầ ộ            C u trúc c a m t trang văn b n HTML   ả   i         Di n gi ồ ươ ng trình bao g m 3 ph n:              Ch ế ở ầ ươ         , : m  đ u và k t thúc m t ch ầ ế ở ầ         , : m  đ u và k t thúc ph n đ u ch ươ ế ở ầ         , : m  đ u và k t thúc thân ch         Mã ngu n:ồ                     T a đ  thí d                     Xin chào các b n ạ                     ả   ế         K t qu :    Xin chào các b nạ               Chú ý:              Xâu ký t Web mà hi n th  t             Xâu ký t header khi trang Web đ             Xâu ký t  n m gi a  và  đ nh t trang Web này vào m c các trang Web yêu thích (Fovorites).  ộ ề             Đ u đ  trong m t trang văn b n HTML         Mã ngu n:ồ                             T a đ  thí d                               

Đây là đ u đ  1

ầ ầ ầ ầ ầ ề ề ề ề ề

ả  ề ề ề ề ề ề

ạ

ễ

ộ ả ả ả   i ạ ạ ng trình so n th o văn

ộ ạ ấ ể ộ ỉ ầ ươ ể ế

ề ư ẽ ầ ả ộ ạ

ự ộ

ộ ạ

ạ ị ỏ ể ả ế ng. Vì v y b n ph i vi ố ậ ụ ể ẻ t thêm th   ố ế ạ ạ ườ ạ ị i v  trí c  th  mà b n mu n xu ng ẻ
 t t th

ườ ả ạ ồ ố ng)

ộ ử ụ ệ t nam

ủ ạ

ệ

ả

ộ ậ ủ ự ệ ạ ơ t namĐ c l p ­ T  do ­ H nh phúcĐ n xin

ẻ ồ

ệ t nam

ệ

ả

ệ t nam

ủ ạ

ộ ộ ậ ơ

ẻ

ễ

Đây là đ u đ  2

          

Đây là đ u đ  3

          

Đây là đ u đ  4

          
Đây là đ u đ  5
          
Đây là đ u đ  6
          K t quế ầ Đây là đ u đ  1 ầ Đây là đ u đ  2 ầ Đây là đ u đ  3 ầ Đây là đ u đ  4 ầ Đây là đ u đ  5 ầ Đây là đ u đ  6 ố             Xu ng dòng và chia đo n trong trang HTML         Di n gi             Khi b n đánh máy m t văn b n trong m t ch Return đ  k t thúc m t dòng hay  b n nào đó, b n có th  ch  c n b m phím  ố ơ ả ạ m t đo n văn, nh ng b n s  c n ph i làm nhi u thao tác h n khi b n mu n  ạ phân đ nh riêng các đo n văn khác nhau trong m t trang Web. Browser t   ố đ ng b  qua các mã xu ng dòng bình th

 đ  phân đo n hay vi dòng.  ớ         Mã ngu n (v i đo n văn b n s  d ng mã xu ng dòng bình th ộ         C ng hoà xã h i ch  nghĩa Vi ộ ậ ự         Đ c l p ­ T  do ­ H nh phúc  ơ         Đ n xin vi c          K t quế    ộ ộ C ng hoà xã h i ch  nghĩa Vi vi cệ   ử ụ         Mã ngu n (có s  d ng th  
 và 

) ộ ủ ộ         C ng hoà xã h i ch  nghĩa Vi ộ ậ ạ ự         Đ c l p ­ T  do ­ H nh phúc

  ơ         Đ n xin vi c         K t quế ộ C ng hoà xã h i ch  nghĩa Vi ự Đ c l p ­ T  do ­ H nh phúc   ệ   Đ n xin vi c    ườ             Đ ng k  ngang ả         Di n gi i

ủ ế ể ộ ị c dùng đ  phân đ nh m t trang Web

ườ ữ ề ồ

ả ụ ấ ở ậ ườ ữ ẻ ộ ẻ             Đ ng k  ngang ch  y u đ ạ ầ thành nh ng ph n có tính logic và d  nhìn. Có không nhi u kh  năng đ  ho   trong ngôn ng  HTML, b i v y đ

ượ ễ ng k  ngang là m t công c  r t có ích  ả Mã ngu nồ K t quế

ớ ể ổ ợ ọ  h p các tùy ch n trên v i nhau

ả ễ

ộ ấ ạ

i sao danh sách l ể ượ

ở ế ố ặ ạ ấ i r t có  ể c s  d ng đ  nhóm  t qua các

ử ụ ự ọ ượ  . Chúng ta có th  d  dàng đ c l  t

ứ ng  ng.  ạ ộ

ể ạ ạ ỗ ị

ố ủ Chú ý: Có th  t             Danh sách phân lo iạ         Di n gi i             Đây là m t danh sách các lý do cho th y t ẫ ấ ích. B i vì: Nó có tính h p d n tr c quan . Nó có th  đ ế ươ ể ễ ự ng t các y u t  ho c ý ki n t ớ ế ố ươ danh sách và ghi nh  các y u t ấ             HTML cung c p m t nhóm khá đa d ng các ki u danh sách khác  ộ ấ nhau. M i lo i danh sách này có m t c u trúc đ nh d ng riêng. Chúng bao  g m: ồ         Danh sách có tr t tậ ự              Danh sách có tr t t c a danh sách. ậ ự ự ộ  t

Mã ngu nồ ố ừ  đ ng đánh s  t ng thành t K t quế ả

1.

2.

ế ố      ế ố      ế ố 1  2  3

3.

Y u t Y u t Y u t ế ố    ế ố    ế ố 1  2  3

        
  1. Y u t
  2. Y u t
  3. Y u t

ậ ự ấ ẳ ạ  đánh d u (ch ng h n các núm tròn) cho

ế ố ủ Danh sách không có tr t tậ ự             Danh sách không  có tr t t ừ t ng y u t c a danh sách.

Mã ngu nồ

o

K t quế Y u t ả  ế ố     1

        
  • Y u t ế ố 1

    o

    ế ố      ế ố 2  3

    o

    Y u t Y u t ế ố    ế ố 2  3

  • Y u t
  • Y u t

ị

ỗ ế ố ủ

ở ầ ẻ

)

ầ ề ượ ả ở ỉ c căn l i nghĩa đ ồ  c a danh sách bao g m hai thành ph n:  ỉ  phía trái (ch  ra b i th   ề ụ ơ c căn l ẻ  th t h n sang phía ph i (ch  ra b i th

Danh sách đ nh nghĩa             M i y u t ề ượ             Tiêu đ  đ ả             Ph n gi

)

Mã ngu nồ K t quế ả

Y u t ế ố

ả i cho y u t ế ố 1 i cho y u t ế ố 1

Y u t ế ố

ế ố       1 ả ế ố       2 ả ả i cho y u t ế ố 2 i cho y u t ế ố 2 1 Chú gi  2 Chú gi

    
Y u t
Chú gi
Y u t
Chú gi

ự ơ

ượ ư ấ ỉ ố ấ ẳ ạ ể  c a danh sách đ c c p m t ch  s  ch ng h n nh  d u

ấ ố

Danh sách ki u th c đ n ộ ỗ ế ố ủ             M i y u t ậ ự   tròn. Trông r t gi ng danh sách không có tr t t K t quế Mã ngu nồ ả

ế ố      ế ố      ế ố 1  2  3 (cid:0)   Y u t (cid:0)   Y u t (cid:0)   Y u t ế ố    ế ố    ế ố 1  2  3

    
  • Y u t
  • Y u t
  • Y u t

    • ể

    ố ậ ự

    ớ ể ể ổ ợ  h p các ki u danh sách v i nhau

    ạ ướ c

    ự ị  đ nh d ng tr ả i

    ướ ấ ạ ạ đ nh d ng tr

    ể ả ư ể ấ ả

    ạ ử ụ ề ả ạ

    ự ị ướ ạ c.

    ạ ạ  đ nh d ng tr ố ị ướ ự ị ị ộ ườ ể ữ ề ộ ạ  đ nh d ng tr

    ử ụ ủ ạ ư ụ         Danh sách ki u th  m c             Trông khá gi ng danh sách không có tr t t ổ ợ         T  h p các ki u danh sách ể             Ta có th  t                Ký t ễ         Di n gi ự ị             Ki u ký t c cho phép b n có th  b o toàn các d u  ố cách và d u xu ng dòng trong trang văn b n HTML y nh  khi b n gõ vào  trong quá trình so n th o. Đi u đó có nghĩa là b n không nên s  d ng các  th  ẻ
     cũng nh  ư

     trong đo n ký t ể ử ụ             Browser s  d ng phông ch  b  r ng c  đ nh (fixed­width font) đ   hi n th  n i dung trong ph n ký t ng, đó là  ệ ố phông h  th ng đang đ ầ c. Thông th ượ c s  d ng trong máy tính c a b n.

    ợ c r t có ích trong tr ấ ng h p d u cách là

    ạ ế ươ ạ ẳ ể ệ ườ ộ ướ ấ ư ạ ự ị  đ nh d ng tr ượ ng c, ch ng h n nh  khi th  hi n m t đo n mã ch

    ế ạ ằ ể ượ ướ ự ị ắ ầ ẻ 

     và k t thúc c đ đ nh d ng tr c b t đ u b ng th
    

    ằ ẻ
    .

    ẫ

    ễ i

    ẫ ượ ườ

    ẫ ng đ ố ườ ề ụ ẫ hai phía

    ạ ở ộ ộ ử ụ ợ ng h p s  d ng các  ả ở  th t vào c   ả

    ớ ở ầ ượ ế c m  đ u b ng th

    ằ ố ẫ ẻ .

    ữ ể

    ả

    ề ạ

    ữ ả ủ ạ

    ữ ự  ­ ch ng h n chúng ta có th  đ nh  c v  b  ngoài c a b n thân các ký t ị ượ ạ ụ là

    ạ ộ .

    đ mậ  ho c ặ nghiêng. Các đ nh d ng này có th  áp d ng t ạ ẻ ể ả ượ ữ ẳ ạ ể ự ơ ẻ ớ ừ i t ng ký t  đ n l c chia thành hai nhóm: có tính v t lýậ

    ể ể             Ki u ký t ể không th  thi u đ trình.              Ki u ký t b ng th   ố             Kh i trích d n ả         Di n gi ố c dùng trong các tr             Kh i trích d n th ẽ ượ c căn l trích d n m  r ng. Toàn kh i trích d n s  đ ủ ạ và t o thành m t kh i riêng so v i các đo n khác c a trang văn b n HTML.  ẻ

     và k t thúc  ằ ố             Kh i trích d n đ b ng th               Ki u ch ễ i         Di n gi ể ẻ ể             Các th  ki u ch  trong ngôn ng  HTML cho phép b n đi u khi n  ể ị ẻ ề đ ừ ộ ừ d ng m t t ộ ph m vi m t đo n hay toàn b  văn b n cho t             Các th  ki u ch  nói chung đ và có tính logic.          Các ki u ch ữ

    ấ ậ Ki u có tính ch t v t lý

    ể Mã ngu nồ K t quế ả

    i

    ậ đ m ướ ạ g ch d nghiêng teletype đ mậ   ướ ạ g ch d      i   nghiêng  teletype

    Ki u có tính logic

    ể Mã ngu nồ ả

    ạ ấ

    ấ ấ

    ả ả nh n m nh  ấ ơ ạ nh n m nh h n ẫ trích d n code sample keyboard varible gi i thích K t quế ạ   nh n m nh ơ   ạ nh n m nh h n trích d nẫ   code  sample  keyboard  variable  i thích gi

    ệ t

    ễ Ký t         Di n gi ự ặ  đ c bi ả i

    ặ

    t nhiên bao  ượ ệ ấ t, t ệ ụ ở ữ ớ

    ả ỉ ồ ể ạ

    ự ặ ấ ự ề             Có nhi u ký t  mà HTML dùng vào m c đích đ c bi ệ < (nh  h n) và  ơ ỏ ơ c dùng g m c  ký hi u    ạ ẻ ể đ  ch  các th  mà b n không th  dùng chúng nh  trong HTML. B n có th   ể ể ệ ố ợ dùng d u ph i h p đ  th  hi n các ký t > (l n h n). B i nh ng ký hi u này đ ư ể ệ t.

    ấ Ký tự đ c bi ố ợ   D u ph i h p

    < &<;

    > &>;

    & &

    " "

    ẫ

    ả ễ i

    ặ ữ ư ấ ả t c  các ngôn ng  khác, HTML cho phép đ t nh ng chú

    ạ ả ệ

    ằ ả ẫ ẫ ỏ ườ ử ụ ẫ ấ ầ

    ẫ ượ ớ ạ c gi ậ ố ­­>. i h n b i ti n t ở ề ố

    ử ụ

    ể ả ằ

    ị

    ệ ẻ ạ

    ẫ

    ẻ ị ẻ             Th  chú d n         Di n gi ữ ố             Gi ng nh  t ọ d n. Chú d n r t quan tr ng trong khi so n th o. Trình duy t xét (browser)  ể ẻ b  qua ph n văn b n n m trong th  chú d n nên ng i s  d ng không th   ể ấ ấ nhìn th y chúng trên trang Web. Dĩ nhiên có th  th y chúng khi xem mã  ngu n. ồ             Chú d n đ         Mã ngu n:ồ   ẫ Chú D n  ẻ ẫ

    Cách s  d ng th  chú d n

      ị ẽ ữ

      ệ

    Các dòng hi n th  trên máy.

     
       
    • BATIN xin chào các b n. ạ ộ
    • Chúc các b n m t ngày làm vi c vui v . 
      ả   ế         K t qu : ử ụ Cách s  d ng th  chú d n ệ Các dòng hi n th  trên máy (cid:0)

    BATIN xin chào các b n.ạ   ạ ộ

    (cid:0) Chúc các b n m t ngày làm vi c vui v . ẻ

    ả

    ễ

    ả   i ạ ế ả ạ

    ể ư ả ạ ả

    ả ấ ệ ợ ạ ả ộ ả ể ậ

    ườ ứ ạ ị ng

    ả ư ả ệ             B ng trong trang HTML         Di n gi             B ng t o cho b n c m giác tho i mái khi tìm ki m. Ngoài ra,  dùng b ng trình bày cũng r t ti n l i. B n có th  đ a văn b n, hình  ả nh, danh sách và th m chí b n có th  chèn thêm vào đó m t b ng  ớ m i. B ng HTML cũng có các ch c năng trình bày, đ nh d ng, đ biên nh  b ng trong MS­Word, MS­Excel.

    ạ ị ả           Đ nh d ng b ng

    Thẻ ý nghĩa

    ạ   T o dòng

    ạ ộ   T o c t

    ề (Ch  in ữ ạ ậ T o dòng tiêu đ   ữ   đ m, canh gi a)

    ẻ ố Các tham s  trong th

    Tham số ý nghĩa

    ườ ớ ườ ề ng vi n v i đ ng BORDER=n

    ủ ạ ả WIDTH=n% ạ ị Đ nh d ng đ vi n nề   ề ộ ị Đ nh d ng chi u r ng c a b ng n %

    ả ả CELLPADDING=n ữ   Kho ng cách gi a văn b n và ô

    ả ữ CELLSPACING=n

    Kho ng cách gi a các biên trong và   ngoài c a ôủ   ộ COLSPAN=n ộ   Chia c t thành n c t

    ROWSPAN=n Chia dòng thành n dòng

    ị ề ủ ề theo chi u ngang c a ALIGN=(left, right, center)

    ị ề ủ ọ ề  theo chi u d c c a

    VALIGN=(top, bottom,  midle) ạ Đ nh d ng l văn b nả   ạ Đ nh d ng l văn b nả

    CLEAR=(left, right, all) Chia dòng thành n dòng

    ạ

    ả

    ơ

    ữ

    ả Mã ngu nồ     ả T o b ng trong HTML     

    1. B ngg 1
      2.  
            ự Th c đ n  Giá   Cà phê s a5.000đ  Cà phê đen4.000đ   
       

       

    2. B ng 2

      3. ơ

      ữ

          ự Th c đ n  Giá  Cà phê s a5.000đ  Cà phê đen4.000đ                  K t quế

    ự ả B ng 1 ả   ơ   Th c đ n Giá

    Cà phê s aữ 5.000đ

    Cà phê đen 4.000đ

    ả         B ng 2

    ự ơ   Th c đ n Giá

    Cà phê s aữ 5.000đ

    Cà phê đen 4.000đ

    ả   i

    ằ

    ạ ố ướ ớ

    ữ ế ệ ữ ữ ể ị ố

    ổ ể ử ụ

    ữ ộ ố ẻ ị ẻ ạ Font chữ ễ         Di n gi ổ ẻ             HTML cho phép b n thay đ i font ch  th  hi n b ng th   ố ị . Cùng v i tham s  SIZE đ nh kích th c ch , tham s  FACE  thay đ i ki u ch  và tham s  COLOR đ  đ nh mà ch . Ngoài ra HTML  còn s  d ng m t s  th  khác.          Các th  dùng đ nh d ng font ch ữ

    Thẻ ý nghĩa

    ữ ạ Ch  có g ch ngang ( A)  

    2)

      ữ ấ Ch  th p (A

    2)

    ừ ữ  

    ớ   Ch  lũy th a (A ữ

      Phóng l n ch ữ  Thu nh  chỏ

    ế ế t k  trang Web

    ộ ậ ộ

    ự ệ ự ư ạ

    ợ ề ườ ề ư ế ặ

    ứ ổ ả ấ ả ọ t c  m i ng ụ ề ồ ọ ể ệ ướ ướ ạ ỹ Hover ­ k  thu t thi ạ ế ầ     Xây d ng m t trang Web c n m t ki n th c t ng h p v  sáng t o, công  i đ u m nh v  m i  ngh , s  khéo léo... Nh ng không ph i t ậ ề ặ ấ m t, do v y v n đ  đ t ra là chúng ta nên áp d ng nh  th  nào cho h p lý.  ộ ố ng th  hi n trang Web thiên v  đ  h a, có xu h Có m t s  xu h ề ọ ợ ng l i

    ế

    ậ ế ạ ề ậ

    ạ ầ ụ ẽ ử ụ ố

    ề

    ậ ả ậ ẽ ượ c áp d ng trong các m ng là

    ể

    ộ ủ ẽ ướ t Nam và m t web site c a n

    ở ậ ụ ữ ủ c áp d ng c ngoài  ẽ ế  đâu. Nh ng web site mà chúng ta s  đ n

    ủ ủ

    ấ ậ ể ố ớ ạ c khi chu t tr  vào Services (hình a) thì nút

    ướ ỏ ộ ỏ ầ

    ậ ắ ủ ầ ệ ạ ự ố i s  s ng

    ể ộ

    ớ ấ ơ ư ả ể

    ệ ố

    ứ ấ ớ ườ ể ự ủ ạ ng h p c a nút Services b n c n ph i t o hai file  nh :

    ầ ư c nh  sau: ả ạ ầ ắ

    ư ệ ổ ủ ả c Hover Button r t đ n gi n, nó g n gi ng v i cách  ướ ầ ả    hình ư ở    hình b, l u ý là 2  nh này

    ả

    ỡ ớ ộ ư ể ạ ộ

    ộ ậ t này chúng ta s  cùng nhau xem xét đ n m t  thiên v  kĩ thu t.Trong bài vi ớ ổ ế ấ kĩ thu t ph  bi n mà các web site r t hay s  d ng. V i kĩ thu t này b n có  ộ ế ụ ể ể th  áp d ng m t cách linh ho t vào các tình hu ng c  th , yêu c u khi thi t  ậ ẽ ế   k . Chúng ta s  cùng nhau bàn lu n v  kĩ thu t Hover. ụ ở  đây s  đ     Kĩ thu t Hover mà chúng ta nói  ộ Hover Button, Hover Text. Đ  có m t cái nhìn rõ ràng , chúng ta s  cùng  ệ ộ nhau phân tích m t web site c a Vi ượ xem kĩ thu t này đ thăm đó là : http://www.netnam.vn (website c a NetNam) và  http://www.microsoft.com/ms.htm (website c a Microsoft) . ứ   1 ­ Đ i v i Hover Button chúng ta cùng nhau vào Netnam nghiên c u     B n có th  nh n th y là tr này m u tr ng, còn sau khi tr  vào thì nó m u da cam (hình b), đây chính là  ả ủ bi u hi n c a Hover Button. Hi u qu  c a kĩ thu t này là nó đem l đ ng cũng nh  c m giác n i c a nút.   ượ ắ     Nguyên t c đ  làm đ ạ làm phim ho t hình. Ta có th  th c hi n theo các b ả ợ [+] Th  nh t v i tr ư ở ServicesOn.gif và ServicesOff.gif . ServiceOn.gif là  nh m u tr ng nh   ớ ả ầ ả a, còn ServicesOff.gif là  nh v i m u da cam nh   ph i có cùng kích c  v i nhau.   ớ ạ ạ   [+] Sau đó b n t o m t trang Html v i m t đo n javascript đ  test nh  sau:     Test Hover Button          ế     N u b n mu n thêm nút Hover th  2 thì ch  c n làm l đó chèn thêm các dòng image2on = new Image();.... image2off = new  Image();...      và nh  có chèn thêm l   2 ­ Hover Text , chúng ta s  cùng nhau vào thăm www.microsoft.com     Ng ỉ ử ụ Hover Text l ậ ụ ủ c a Microsoft đã t n d ng h t s c tri ạ ớ ủ c a site này b n t ạ ự     Cũng t ổ ế ộ chu t vào m t liên k t thì liên k t đó đ i m u, ho c liên k t đó đ   c phóng to ỏ ể ặ ộ ỳ ra, ho c m t hi u  ng nào đó tu  thu c vào b n . B n có th  đ t ra câu h i  ặ ứ ạ là t i sao đã có Hover Button r i thì đ t ra Hover Text làm gì cho phi n ph c.  ế ế ế ậ Th t ra Hover Button khá h n ch , n u site c a b n ch  có m t s  liên k t  ườ ng  chính thì có th  dùng Hover Button đ  t o hi u  ng, nh ng n u g p tr ụ h p trang c a b n có đ  hai ch c liên k t khác nhau thì n u cài đ t Hover  ẽ Button s  ch  làm cho trang web c a b n thêm r c r i và đ c bi gian khá lâu đ  t ữ ở Button   nh ng liên k t chính, mang tính bao trùm, còn nh ng liên k t con  ế ớ tham chi u t ộ  đây ta s  th  cài đ t m t Hover Text, mà khi ta di chu t vào liên k t thì       ạ ẽ ổ nó s  đ i sang m u đ . B n hay th  ch y xem trang html d     Test Hover Text 

    ớ

    ớ

    ẽ ấ ư ậ ể ấ ạ

    ử ụ ủ ầ ạ ị

    ộ ỏ ế ẽ ế ể

    ầ ỏ

    ị ầ ể ể ừ ả ắ ỳ

    ớ ộ

    ớ i cách làm Hover Button và Hover Text v i java

    ể

    ể ạ ơ

    ạ ặ ạ ế ư ề ạ ạ

    ủ

    ả ả ử ụ ươ ườ i dùng s  d ng s  th y c m giác trang web t

    ệ ố ủ ậ

    ầ ấ ế ắ  l m. Các web site ẽ ấ ộ ở ệ  Vi

    ề ặ ể ậ

            Http://www.microsoft.com ­ T i thăm Microsoft 
       Http://www.netnam.vn ­ T i thăm Netnam      ố     Nh  v y b n s  th y đi m m u ch t trong Hover Text là s  d ng CSS  ế ẽ (Cascading Style Sheet). Trong đo n style ta đ nh nghĩa m u c a liên k t s   là xanh navy, font ki u normal. Khi chu t tr  vào liên k t thì liên k t s  có  ữ ậ   ẽ m u đ  và font s  là ki u ch  đ m. ụ ổ     Chúng ta cũng có th  thay đ i giá tr  m u s c tu  theo t ng hoàn c nh c   th .ể   ậ 3 ­ M t bàn lu n khác v i Hover ớ     Trên đây chúng ta đã bàn t ạ ễ ể script, cách này khá d  hi u và rõ ràng. Ngoài ra b n cũng có th  dùng  ẽ ễ ớ frontpage đ  t o Hover. V i frontpage các b n s  d  dàng t o ra Hover h n  ệ ấ ễ ể i khá n ng n  vì cách  vì nó có giao di n r t d  hi u. Nh ng h n ch  là nó l ả ứ ạ i  t o c a frontpage là dùng applet ch  không ph i dùng script, nên khi lên t ố ạ lên trên m ng và ng ng đ i  ệ ề ạ ch m ch p và nh t trong đi u ki n t c đ  Internet c a Vi t Nam thì không  ử ụ ế mang tính kinh t t Nam đ u h u h t có s  d ng kĩ  ể ạ thu t Hover, b n có th  vào thăm www.vnn.vn ho c www.fpt.vn đ  nghiên  ơ   ứ c u kĩ h n.

    Dynamic HTML

    ị ấ ữ ả ộ

    ở ộ ả

    ượ ể ạ

    ạ ấ ủ ả ồ ộ

    ườ ả ỏ i dùng nh n, kéo hay tr  vào nút, hình  nh hay các

    ầ Ngôn ng  Đánh d u Siêu Văn b n Đ ng (Dynamic Hypertext       Đ nh nghĩa:  ữ ủ Markup Language) là phiên b n m  r ng c a HTML và JavaScript, ngôn ng   này đ c dùng đ  t o trang thông tin trên World Wide Web. Dynamic HTML  ị có v  trí văn b n và đ  ho  r t chính xác vì nó cho phép n i dung c a trang  ấ ỗ ổ Web thay đ i m i khi ng thành ph n khác trên trang này.

    ơ ề ữ

    ạ ể ỗ ự ệ ầ t c n nhi u n  l c h n n a  ả ấ

    ứ ữ ư ộ ứ ệ ặ ữ ạ i cho các nhà phát tri n  ụ

    ừ ư ự ưở ả ự

    ầ ế ư ở   ng b ". ả

    ộ ủ

    ạ ươ i không t ng thích v i

    ế ữ ượ ớ ỗ c h h u h t nh ng tính năng HTML đ ng trên Navigator không đ

    ể ả ộ ế

    ả ụ ả ứ

    ượ ọ ự ể

    ả ộ ủ ườ ổ i. K t qu  là các nhà phát tri n Web  ậ ấ t các trình  ng d ng hay ph i ch p nh n  ớ ấ ỳ ng. V i b t k   ả c thay đ i mà không ph i

    ố

    ị ả ườ

    ả ệ ủ ề

    ẻ ụ

    ể ể ổ ể ằ ả ề ơ ị trong trang đ n xác đ nh hình th c t ng

    ứ ạ ủ ả ả ộ

    ủ ổ ộ ơ ể ử ớ

    ế ơ ở ữ ệ ướ ả ổ ươ ề ỏ

    ầ

    ệ ả ặ

    ệ ụ ể ờ ự ắ ư ả ỏ

    ườ ớ ộ

    ứ ậ ượ ế ỉ ng đ

    ạ ộ

    ả ổ ế ỗ ợ ủ ệ ệ

    ệ i dùng hi n nay; trên 65% trình duy t ph  bi n hi n không h  tr  HTML

    ộ ố ơ ở ể ầ ư ằ

    ị ủ ườ ộ ề ườ ệ ặ ợ công i dùng đ u có Internet Explorer 4.0. ng h p m i ng t trong tr

    ệ ủ ọ ư ư ố

    ư ậ ư ế ồ

    ẫ ộ ộ ệ ệ t.

    Công ngh  đ c bi ộ     Ngôn ng  đánh d u siêu văn b n đ ng mang l kh  năng t o nh ng trang Web có hình th c và tính năng nh  m t  ng d ng  ạ ễ th c s . Nói thì nghe d  dàng nh ng b n đ ng "t ệ     H u h t các trình duy t World Wide Web ch a có kh  năng dùng các tính  ạ ừ năng HTML đ ng, ngo i tr  Navigator 4.0 c a Netscape và Internet Explorer  ủ 4.0 c a Microsoft. Tuy nhiên, hai phiên b n này l ố ầ nhau  ượ ạ ợ c l tr  trên Internet Explorer và ng ể ế ộ ả ph i ch n l a m t trong hai đ  vi ả ạ ắ c trên c  hai môi tr "ch p vá" đ  mã HTML đ ng ch y đ ộ ượ phiên b n nào, n i dung c a trang Web cũng đ ớ ả ả i xu ng b n m i. t ả ị ộ i dùng đ nh v  chính xác văn b n và hình  nh      HTML đ ng cho phép ng ỗ ợ ệ trên trang Web. C  hai trình duy t c a Netscape và Microsoft đ u h  tr  h   ể ủ ể CSS đ  ki m soát v  ngoài c a trang Web. Ví d , các nhà phát tri n có th   ỡ ủ ừ ộ ữ thay đ i ki u ch  và kích c  c a t ng dòng tiêu đ  trên Web site m t cách  ứ ươ ổ ặ ả ơ đ n gi n b ng cách thay đ i đ c t ng.ứ     HTML đ ng c a Microsoft ph c t p h n c a Netscape và có c  kh  năng  ự liên k t c  s  d  li u v i trang Web đ  s a đ i n i dung ngay trong khi th c  ộ ng trình  c khi có HTML đ ng, đi u này đòi h i ph i b  sung mã ch thi. Tr ư ạ ch y ngoài trình duy t nh  Java hay thành ph n ActiveX. ữ ể t gi a hai phiên b n này      M c dù các công c  có th  làm lu m  s  khác bi ề ệ ầ ế ị nh ng các nhà phát tri n Web ph i cân nh c và quy t đ nh v  vi c có c n b ể ố i dùng có th   công s c l p trình v i HTML đ ng hay không khi mà s  ng ầ ố ỏ ưở c tính năng này còn h n ch . Ch  riêng lý do s  "th n dân" ít  h i  ộ ố ủ ọ ủ c a nó cũng đ  làm cho HTML đ ng không ph i là tùy ch n c a m t s   ườ ng đ ng.ộ     M t s  c  s  khác cho r ng giá tr  c a HTML đ ng là đáng đ  đ u t ứ s c; đ c bi ọ Microsoft cũng nh  Netscape ch a tuyên b  lúc nào thì trình duy t c a h   ị ườ   ươ ng ng đ ng nhau; trong khi ch a có trình duy t nh  v y chi m lĩnh th  tr t ệ ặ thì HTML đ ng v n là m t công ngh  đ c bi Computerworld

    HTML TAGS

    01­       02­              03­   04­ 

           05­        06­   07­         08­   09­   10­ 
        11­            12­ 
      13­ 
           14­        15­  16­   17­ 
                18­      19­         20­            21­    ế   22­ 

     đ n 

           23­            24­ 
      25­         26­          27­