World wide web - Chương 2
lượt xem 22
download
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
Bình luận(0) Đăng nhập để gửi bình luận!
Nội dung Text: World wide web - Chương 2
- 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.
- 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 .
- 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
- 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à .
- 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
- 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
- 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:
- 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
- 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
- 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
- 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 :
- 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.
- 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 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
- 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 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
- 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
- 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 )
- 2. M t s TAG c b n c a HTML nh d ng hình nh
- 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.
CÓ THỂ BẠN MUỐN DOWNLOAD
-
Thiết Kế Web Với Joomla part 2
8 p | 528 | 371
-
Ngân hàng câu hỏi Trắc nghiệm môn thiết kế Web
16 p | 827 | 322
-
Ngôn ngữ đánh dấu siêu văn bản_ HTML
0 p | 704 | 227
-
Cơ bản html p11
3 p | 242 | 130
-
Website Database Basics With PHP and MySQL
23 p | 543 | 109
-
Web và Web ngữ nghĩa
0 p | 248 | 95
-
Khái niệm Internet
2 p | 595 | 46
-
Giáo trình Tin học văn phòng (Nghề: Quản trị mạng máy tính - Trình độ: Trung cấp) - Trường TCN Quang Trung
220 p | 33 | 11
-
Hướng dẫn sử dụng Internet qua hình ảnh part 9
33 p | 63 | 11
-
Giáo trình Mạng máy tính và Internet (Nghề: Thiết kế đồ họa - Cao đẳng): Phần 1 - Trường Cao đẳng Cơ điện Xây dựng Việt Xô
60 p | 31 | 10
-
DHTML và thiết kế trang Web động: Phần 1
192 p | 61 | 10
-
Bài giảng Internet - Bài 2: Dịch vụ WWW - Truy cập web site
35 p | 89 | 9
-
Web 2.0 – Đi tìm “bảy phần chìm” của tảng băng trôi
3 p | 83 | 7
-
Bài giảng Tin văn phòng 2 - Bài 2: Internet và lịch sử phát triển
33 p | 36 | 6
-
Bài giảng Tin văn phòng 2: Bài 2 - ThS. Thiều Quang Trung
33 p | 58 | 5
-
Bài giảng Tin học đại cương: Bài 2 - TS. Trần Quang Diệu
24 p | 73 | 5
-
C# and .NET FrameworkBài 7: XML in .NETĐoàn Quang Minh minhdqtt@gmail.com
14 p | 86 | 4
-
Science 2.0, mạng của các nhà khoa học
2 p | 61 | 4
Chịu trách nhiệm nội dung:
Nguyễn Công Hà - Giám đốc Công ty TNHH TÀI LIỆU TRỰC TUYẾN VI NA
LIÊN HỆ
Địa chỉ: P402, 54A Nơ Trang Long, Phường 14, Q.Bình Thạnh, TP.HCM
Hotline: 093 303 0098
Email: support@tailieu.vn