CH NG 2 1. Gi i thi u v HTML 2. M t s TAG c b n c a HTML 3. nh d ng b ng bi u 4. Form và các thành ph n c a Form 5. Frame 6. Cascading Style Sheet (CSS) HTML là ngôn ng dùng xây d ng trang Web. Nó mô t cách th c mà d li u hi n th thông qua t p các ký hi u ánh d u th ng c g i l à tag. Các tag này th ng c bao quanh b i các d u < > . Ví d : <HTML>, </BODY>, <IMG> l à các tag HTML M t trang web thông th ng g m có hai th ành ph n chính ó l à : d li u c a trang (ví d : v n b n, hình nh, âm thanh, ) v à các tag c a HTML d ùng mô t cách th c m à các d li u này c hi n th . Khi m t trang web c t i v tr ình duy t, tr ình duy t s c n c vào các tag HTML nh d ng d li u c hi n th . Ví d sau ây cho th y, c ùng m t d li u l à dòng v n b n This is webpage . Tuy nhiên n u có thêm nh d ng c a tag <b> th ì d li u s hi n th khác This is webpage This is webpage This is webpage <b> This is webpage </b> Hi n th tr ên trình duy t Mã HTML C u trúc c b n M t document HTML luôn b t u b ng <html> v à k t thúc b ng </html> (trong ó b n c ng có th vi t nh ho c vi t hoa <html> v à </html>). Nh có c p TAG này mà Browser bi t c ó l à HTML - document trình duy t. Nh ng ch ó ch d ành riêng c ho Browser, ng i c ch nh n c nh ng gì vi t gi a c p TAG <body> v à </body>. 1. Gi i thi u v HTML C u trúc c b n Nh v y m t trang web vi t b ng html s có c u trúc nh sau: <html> <head> <title> Title c a webpag </title> </head> <body> <! Ph n b n c n tr ình bày. Ví d m t b c nh hay l i v n. > </body> </html> Ðây là dòng chú thích, ch d ành riêng cho b n, browser b qua dòng này 1. Gi i thi u v HTML C u trúc c b n <HTML> </HTML> : nh ngh a ph m vi c a v n b n HTML /HEAD> : nh ngh a các mô t v trang HTML. Các thông tin này s không hi n th d i d ng n i dung c a v n b n <TITLE> </TITLE> : mô t tiêu c a trang êu c a trang web th ng c hi n th là tiêu c a c a s hi n th trang web. <BODY> </BODY> : xác nh vùng thân c a trang web. y là ph n m à các d li u c ùng v i các tag HTML s c dùng nh d n g n i dung c a trang web 1. Gi i thi u v HTML C u trúc c b n M t trang tr ng, không có n i dung v i n n m àu da cam s c vi t nh sau: <html> <body bgcolor="orange"> <! Ph n b n c n tr ình bày. Ví d m t b c nh hay l i v n. > </body> </html> 1. Gi i thi u v HTML C u trúc c b n H u h t các tag c a HTML u có tag b t u v à tag k t thúc t ng ng. Tag k t thúc t ng ng v i m t tag, ch khác ch nó có th êm ký t / Ví d : tag <HTML> có tag k t thúc t ng ng l à </HTML> Các tag không phân bi t ch hoa và ch th ng. Trong quá trình c trang web hi n th , tr ình duy t s b qua các kho ng tr ng th a, các d u ng t d òng gi a v n b n d li u và các tag, các chú thích 2. M t s TAG c b n c a HTML nh d ng trang nh d ng v n b n nh d ng phân o n nh d ng ch nh d ng h ình nh nh d ng hyperlink nh d ng m t s ký t c bi t 2. M t s TAG c b n c a HTML nh d ng trang nh d ng trang thông th ng bao g m các thông tin v tiêu trang, b ng m ã ký t c d ùng, màu n n, nh n n, t khóa, t tiêu cho trang web, ta d ùng tag <TITLE> vd : <TITLE> Chào m ng các b n n v i trang web n ày </TITLE> êu c a trang web thi t k l à Chào m ng các b n n v i trang web này t b ng m ã cho trang web, ta s d ng các thi t l p các thông s cho tag <META> vd : <META HTTP -EQUIV= Content-Type CONTENT= text/html ; charset=utf -8 > Cho bi t trang web s d ùng b ng m ã Unicode UTF -8 [...]... thu c tính Target Ý ngh a Name N p trang web trong c a s ho c Frame có tên là Name _blank N p trang web vào m t c a s tr ng m i C a s này không có tên _parent N p trang web vào m t c a s cha g n nh t c a trang web hi n hành _self N p trang web vào cùng c a s v i trang web hi n hành ây là giá tr m c nh c a hyperlink _top N p trang web vào c a s cao nh t (topmost) 2 M t s TAG c b n c a HTML nh d ng m t... trang Tiêu c a trang web Welcome to my Homepage! Tiêu c a trang web Tiêu c a trang web Tiêu c a trang web Tiêu c a trang web Trong ví d này, n n c a trang là xanh n c bi n (#000080), ch màu tr ng... color="#FF0000" > y là trang web 2 M t s TAG c b n c a HTML nh d ng hình nh Tag dùng chèn m t nh, ho c m t video clip vào trong m t trang web Các nh d ng t p tin nh và video sau c h tr trên Internet Eplorer : *.avi, *.bmp, *.emf, *.gif, *.jpg, *.jpeg, *.mov, *.mpg, *.mpeg, *.png, *.wmf, i v i trang web có ch a hình nh, hình nh s là m t t p tin c l p v i t p tin ch a trang web Tag dùng... to nh t và là nh nh t 2 M t s TAG c b n c a HTML nh d ng phân o n Tag c dùng nh d ng phân o n Thu c tính th ng g p là ALIGN dùng canh ch nh d li u trong phân o n là LEFT (trái), RIGHT (ph i) CENTER (gi a) ho c JUSTIFY (canh u hai bên) vd : ây là trang web ây là trang web ây là trang web 2 M t s TAG c b n c a HTML nh d... thu c tính th - ng dùng là : : không hi n th ng vi n ch n Border size là 0 : m b o table không b resize khi phân gi i c a màn hình b thay i, t kích th c c a table d i d ng pixel b ng cách ch n radio button in pixels - Cellpadding : dùng ch nh kho ng cách t ng vi n n v n b n trong m t cell - Cellspacing : dùng ch nh kho ng cách gi a các cell - Background : dùng ch nh màu n n c a table - Canh ch nh trong... hyperlink cho phép liên k t t i m t v trí khác ngay bên trong trang web ch a hyperlink (liên k t n i) ho c t i m t trang web khác (liên k t ngo i) 2 M t s TAG c b n c a HTML nh d ng hyperlink (siêu liên k t) t o m t liên k t n i, ta c n th c hi n hai b c B c 1 là ánh d u v trí (Bookmark) c a n i c n liên k t b ng thu c tính NAME B c 2 là t o hyperlink n v trí v a c ánh d u chuong... name="c1">chuong 1 di chuyen den chuong 1 2 M t s TAG c b n c a HTML nh d ng hyperlink (siêu liên k t) liên k t t i các trang web khác, i n a ch URL c a trang web vào m c HREF Xem các ví d sau : Mã HTML Ý ngh a Microsoft page Liên k t n trang web máy ch khác Click here G i m t hàm... Mã sinh viên : 10500001 H tên : Nguy n Khánh Vân Ngày sinh : 12/ 10/1988 2 M t s TAG c b n c a HTML nh d ng phân o n hi n th m i m c trên m i dòng, ta ph i tinh ch nh l i o n mã HTML trên b ng cách thêm vào cu i m i m c tag nh sau : vd : Mã sinh viên : 10500001 H tên : Nguy n Khánh Vân Ngày sinh : 12/ 10/1988 2 M t s TAG c b n c a HTML nh d ng phân o n Ngoài ra, ta c ng... &euro, £, ¥ ½, 1/3, 3/4 &frac 12, &frac13, ¾ ÷,º ÷, ° ®,© ®, © 2 M t s TAG c b n c a HTML Chuy n h ng trang t ng nh ngh a m t trang s t ng chuy n sang m t a ch khác sau m t kho ng th i gian nh tr c, ta chèn ngay sau tag m t tag nh sau : Trang web ch a tag trên s t ng chuy n sang trang.. .2 M t s TAG c b n c a HTML nh d ng trang t màu n n, nh n n c ng nh màu ch cho toàn b trang web b ng cách t các thu c tính BGCOLOR, BACKGROUND, và TEXT t ng ng trong tag vd : S t màu n n cho trang web là màu , màu ch là màu tr ng 2 M t s TAG c b n c a HTML nh d ng trang . cho tag <META> vd : <META HTTP -EQUIV= Content-Type CONTENT= text/html ; charset=utf -8 > Cho bi t trang web s d ùng b ng m ã Unicode UTF -8 2. M t s TAG c b n c a HTML nh d ng trang. li u s hi n th khác This is webpage This is webpage This is webpage <b> This is webpage </b> Hi n th tr ên trình duy t Mã HTML C u trúc c b n M t document HTML luôn b t u b ng <html>. <h1>Tiêu c a trang web& lt;/h1><br> <h2>Welcome t o my Homepage! </h2><br> <h3>Tiêu c a trang web& lt;/h3><br> <h4>Tiêu c a trang web& lt;/h4><br> <h5>Tiêu