World wide web - Chương 2

Tài liệu tham khảo bài giảng World wide web ( Nguyễn Lâm Kim Thy ) dành cho sinh viên chuyên ngành công nghệ thông tin - Chương 2 Ngôn ngữ HTML
Nội dung trích xuất từ tài liệu:
World wide web - Chương 2CH NG 2 Gi i thi u v HTML1. M t s TAG c b n c a HTML2. nh d ng b ng bi u3. Form và các thành ph n c a Form4. Frame5. Cascading Style Sheet (CSS)6. 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 quat 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 : , , là các tag HTML M t trang web thông th ng g m có hai thànhph 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 nth . Khi m t trang web c t i v trình duy t, trìnhduy t s c n c vào các tag HTML nh d ng dli u c hi n th . Ví d sau ây cho th y, cùng m td li u là dòng v n b n This is webpage . Tuynhiên n u có thêm nh d ng c a tag thì d li us hi n th khác Mã HTML Hi n th trên trình duy tThis is webpage This is webpage This is webpage This is webpage C u trúc c b nM t document HTML luôn b t u b ng vàk t thúc b ng (trong ó b n c ng có th vi tnh ho c vi t hoa và ). Nh có c pTAG này mà Browser bi t c ó là HTML -document trình duy t. Nh ng ch ó ch dànhriêng cho Browser, ng i c ch nh n c nh nggì vi t gi a c p TAG và .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: Title c a webpag Ðây là dòng chú thích, ch dành riêng cho b n, browser b quadòng này 1. Gi i thi u v HTML C u trúc c b n : 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 : 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. : 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 ng n i dung c a trang web1. Gi i thi u v HTML C u trúc c b nM t trang tr ng, không có n i dung v i n n màu da cams c vi t nh sau: 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à tagk t thúc t ng ng. Tag k t thúc t ng ng v i m ttag, ch khác ch nó có thêm ký t / Ví d : tag có tag k t thúc t ng ng là 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 ts b qua các kho ng tr ng th a, các d u ng t dònggi a v n b n d li u và các tag, các chú thích2. 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 n h d n g ch nh d ng hình nh nh d ng hyperlink nh d ng m t s k ý t c bi t2. 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 vtiêu trang, b ng mã ký t c dùng, màu n n, nhn n, t khóa, t tiêu cho trang web, ta dùng tag vd : Chào m ng các b n n v i trang web này c a trang web thi t k là Chào m ng các b n n v i êu trang web này t b ng mã cho trang web, ta s d ng các thi t l pcác thông s cho tag vd : Cho bi t trang web s dùng b ng mã Unicode UTF-82. 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 btrang web b ng cách t các thu c tính BGCOLOR,BACKGROUND, và TEXT t ng ng trong tag vd : 2. M t s TAG c b n c a HTML nh d ng trangTiêu c a trang webWelcome to my Homepage!Tiêu c a trang webTiêu c a trang webTiêu c a trang webTiêu c a trang webTrong ví d này, n n c a trang là xanh n c bi n (#000080),ch màu tr ng. Tiêu luôn n m trung tâm c a trang, vì v yta ph i dùng thêm m t c p TAG n a : , là 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 nTag c dùng nh d ng phân o n. Thu c tínhth ng g p là ALIGN dùng canh ch nh d li u trongphâ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 ng phân o nTrong m t phân o n, vi c ng t dòng trong lúc so n th okhông nh h ng gì n hi n th . Trình duy t ch hi u ng tdòng trong m t phân o n thông qua tag 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 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 ctag 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 nNgoài ra, ta c ng có th dùng ng k ngang v i tag tos phân cách gi a các thành ph n trong trang web. Thu c tínhth ng g p là ALIGN (dùng canh ch nh v trí c a ng này) vàCOLOR (màu s c)vd : Thông tin sinh viên 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 fontTag nh d ng font ch , màu s c, kích th c, . C av n b n. Các thu c tính c a tag này th ng là : FACE (lo i fontch >, SIZE (kích th c), COLOR (màu ch ). Ngoài ra, nhd ng ch in m ta dùng tag , in nghiêng ta dùng tag , g chd i ta dùng tag vd : y là trang web 2. M t s TAG c b n c a HTML nh d ng hình nhTag dùng chèn m t nh, ho c m t video clip vàotrong 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 tr ...