intTypePromotion=1
zunia.vn Tuyển sinh 2024 dành cho Gen-Z zunia.vn zunia.vn
ADSENSE

World wide web - Chương 2

Chia sẻ: Nguyen Nhi | Ngày: | Loại File: PDF | Số trang:80

160
lượt xem
22
download
 
  Download Vui lòng tải xuống để xem tài liệu đầy đủ

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

Chủ đề:
Lưu

Nội dung Text: World wide web - Chương 2

  1. CH NG 2 Gi i thi u v HTML 1. M t s TAG c b n c a HTML 2. nh d ng b ng bi u 3. Form và các thành ph n c a Form 4. Frame 5. Cascading Style Sheet (CSS) 6.
  2. 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 : , , 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 .
  3. 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 thì d li u s hi n th khác Mã HTML Hi n th trên trình duy t This is webpage This is webpage This is webpage This is webpage
  4. C u trúc c b n M 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 t nh ho c vi t hoa và ). 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 cho Browser, ng i c ch nh n c nh ng gì vi t gi a c p TAG và .
  5. 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 qua dòng này
  6. 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 web
  7. 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:
  8. 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 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 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
  9. 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 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 t
  10. 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 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 p các thông s cho tag vd : Cho bi t trang web s dùng b ng mã Unicode UTF-8
  11. 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 :
  12. 2. M t s TAG c b n c a HTML nh d ng 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. Tiêu luôn n m trung tâm c a trang, vì v y ta ph i dùng thêm m t c p TAG n a : , là to nh t và là nh nh t.
  13. 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
  14. 2. M t s TAG c b n c a HTML nh d ng phân o n Trong m t phân o n, vi c ng t dòng trong lúc so n th o không nh h ng gì n hi n th . Trình duy t ch hi u ng t dò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
  15. 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
  16. 2. M t s TAG c b n c a HTML nh d ng phân o n Ngoài ra, ta c ng có th dùng ng k ngang v i tag to s phân cách gi a các thành ph n trong trang web. Thu c tính th 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
  17. 2. M t s TAG c b n c a HTML nh d ng font Tag nh d ng font ch , màu s c, kích th c, . C a v n b n. Các thu c tính c a tag này th ng là : FACE (lo i font ch >, SIZE (kích th c), COLOR (màu ch ). Ngoài ra, nh d ng ch in m ta dùng tag , in nghiêng ta dùng tag , g ch d i ta dùng tag vd : y là trang web
  18. 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 trong trang web thông báo cho trình duy t c t p tin nh và hi n th t i v trí t tag này. Các thu c tính tinh ch nh bao g m : SRC (tên t p tin hình nh), WIDTH, HEIGHT (kích th c nh), BORDER ( ng vi n khung quanh nh), ALT (v n b n thay th dùng khi hình nh không hi n th ), ALIGN (canh l )
  19. 2. M t s TAG c b n c a HTML nh d ng hình nh
  20. 2. M t s TAG c b n c a HTML nh d ng hình nh Dùng tranh n h l àm n n c h o t r a n g w e b Trong ph n tr c, chúng ta ã nói n màu s c c a n n trang web. B ng cách thay i t hô ng s c a bgcolor, b n s t o c màu n n khác tu theo s thích c a mình. Tuy nhiên, m t trang web còn có th có n n r t p, t o ra t nh ng b c tranh nh b ng cách thêm thu c tính background vào.
ADSENSE

CÓ THỂ BẠN MUỐN DOWNLOAD

 

Đồng bộ tài khoản
2=>2