Thông tin tài liệu
CHƯƠNG 3: NGÔN NGỮ ĐÁNH DẤU SIÊU VĂN BẢN HTML – HYPER TEXT MAKEUP LANGUAGE I. Khái niệm HTML hay HyperText Markup Language là ngôn ngữ đánh dấu siêu văn bản, đây là một ngôn ngữ thông dụng được định dạng trên màn hình máy tính. Ngôn ngữ HTML không phải là một ngôn ngữ lập trình, HTML gọi là ngôn ngữ chỉ vì nó gồm các tập hợp nhỏ các nhóm ký tự theo một quy tắc mà chúng ta dùng để quy định kiểu dáng, vị trí, cách thức của văn bản, ảnh, âm thanh hay bất cứ một đối tượng nào khác cùng với sự liên kết giữa chúng. Các trang viết bằng ngôn ngữ HTML có cấu trúc như sau: <html> <head> <title> !"</title> </head> <! #$%&'()*+,,- ,,.#/0,,> <body> $ %& ' ( ) *. - *1.2 </body> </html> 34 35678!phần đầu(head)- phần thân(body)9Phần đầu:;($-"- <$%&!!9Phần thân:;=: !!%7829 $->74 35?'7<html>@ </html>9!'7<html>@</html>'7<head>@ </head>-A'7<body>@</body> Lưu ý: − <title>@ </title> %&'B('7 <head>@ </head> CD2'7 <title>@ </title> %&EF>G2-%& !!"2EH − /0%&B<! blah blah blah >9 I#-JK((KHÔNG%& Môn học: Thương mại điện tử và Ứng dụng Internet Trang 1 LM'($/' K0N!CD9O A"$-B!7:G7/87K EF(G-/0 II. Ý nghĩa của các Tag HTML 1. Các thẻ mở rộng trong phần thẻ tag <HTML> và thẻ tag <HEAD> a. Thẻ tag <HTML> PQR02>7G4 35LR*4 35. )S8-):2>7 G9 Ví dụ: <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> <html> T U 6AV78 *4WXI. - *YIZ. </html> b. Thẻ tag <HEAD> T?ER878!"2L R<$<=>7 9 <head> <title> ! ! " [ >7 </title> </head> Phần mở rộng trong thẻ tag <head> R <head> A : 78\ − Thẻ tag <base>M<] ^K>7G − Thẻ tag <title> M'!!" >7G − Thẻ tag <meta>M:$ <>7G9 c. Thẻ tag <BODY> PQR:02>7 Môn học: Thương mại điện tử và Ứng dụng Internet Trang 2 Cú pháp <body> T2>7%&_GQ </body> Các thuộc tính của thẻ <body> − BACKGROUND\IM>7K " Cú pháp <body BACKGROUND="imagename.gif"> T2>7%&_GQ </body> Lưu ý: 4"7KAG:`9a`9b7L McWd7eH&! G`979 Mã nguồn <html> <head> <title> </title> </head> <body background="I:\Pictures\Anhnen\Oakgrain.jpg"> <p><font color="blue">f-7 -gc</font></p> </body> </html> 4! Môn học: Thương mại điện tử và Ứng dụng Internet Trang 3 − BGCOLOR:h>7" Cú pháp <body BGCOLOR="#rrggbb"> T2>7%&_GQ </body> Lưu ý\i[jkjdl>7Fm, ,9 4%&>7>7F7Q Trình duyệt Web Netscape có thể xác lập 140 màu theo hệ thập lục như sau: Màu hiển thị Số thập lục phân Màu hiển thị Số thập lục phân knonpnn q knXWIr q koonnnn q krnnnIs t knonnnn knunuIf q knnWsfs < koooooo knnWfI koooonn Môn học: Thương mại điện tử và Ứng dụng Internet Trang 4 Trình duyệt Web Netscape có thể xác lập 140 màu theo hệ thập lục như sau: Màu hiển thị Số thập lục phân Màu hiển thị Số thập lục phân - kpXVWV kXuVXVX kIWppr kunvWXo krnnnoo kIVwvxW knnrnuo y kwsvuWI < knnnpIf kIfxszf koonnnn < koooop < koopp < kppwo < kXvXvXv < koowsoo <<< kIrw < kpoop <- kuuwVn < knnpfoo < kvvzVff < kpoooo < kWvvwrX < kpnfpn < kspzIp < kVnsnsn <q koofWIx <- kvsooIz 77< knnxsvz 7< koonn kwvwvwv kxWvonn U< kVVVVV y knnnXno a kVVpVV a knnoonn kIfIfIf knpnpnn knnIroo kIXXuVo kpopopo koopooo kXInnVn knonnno 7< knnwvs kfIufuf ksoopV -L knnnnno << knoWwpf - kWwWwnX - knnnonu krfnfoo { knnnXfI kXIIpWw knopopo kWonnnn knXnXIV kvoWWvo kIzIzIz 7< knnwfx knnXorX kVoVXX < kprfWnX krrppvv kofsIW knnnnWo koonnoo kzVfIzV Môn học: Thương mại điện tử và Ứng dụng Internet Trang 5 Trình duyệt Web Netscape có thể xác lập 140 màu theo hệ thập lục như sau: Màu hiển thị Số thập lục phân Màu hiển thị Số thập lục phân knXnoWw knnoonn kpooooo q kwwfIXX koooofI kXuuIz 77 kvzroI kzfzrx krwpWW 7 koonXvX q kspIxff - kfrxupu kxvxvro knunnnX knnWsWx knnWsu -b knnIWXI, - koooopo knInuWw - kpopooo - kwpWVz knnXuoo knnsuoo kIXroIw 7 kWWWpXX 7 kvpnvp 7q kXnWWWW 7- kIrovz 777 knnWnIu 77{ knnIXv 7 kfIpuzn 7< knnfof 7 kIIXoII 7 koWoWw 77 kpooopo knnoooo kfpnpn ksxwvWx kpsuxz knXporV knsXswo kVWpur knnnuWW kXouVVI - kfofofo < kprfWW kwXuXfI kropovo knnnXnX 7 koonnrn L kswpVs kIVspf koopopo kIpnIp knnwzsr q ksoWoIo - kWWpVWW knuIWz knnnnnn < knununu knnnnoo kvXfIzV Môn học: Thương mại điện tử và Ứng dụng Internet Trang 6 Trình duyệt Web Netscape có thể xác lập 140 màu theo hệ thập lục như sau: Màu hiển thị Số thập lục phân Màu hiển thị Số thập lục phân Trình duyệt Web Internet Explorer có thể xác lập 16 màu theo tên gọi như sau: Màu hiển thị Màu hiển thị Màu hiển thị Màu hiển thị < |- } 3 ~ •7 n } 5 Y- Z T- Xq − TEXT: 0]-JK %€>7 Cú pháp <body TEXT="#rrggbb"> T2>7%&_GQ </body> Lưu ý\fd>7•%}fY5Y~9 Mã nguồn <html> Môn học: Thương mại điện tử và Ứng dụng Internet Trang 7 <head> <title> </title> </head> <body bgcolor="yellow" text="blue"> <p> Chao mung cac ban den voi lop hoc Thuong mai dien tu va Ung dung Internet </p> </body> </html> 4! − LINK, VLINK và ALINK:f0M ]#-JK•%& 2••!<9 ALINK!<%d VLINK!<‚d ALINK!<d Cú pháp <body LINK="#rrggbb" VLINK="#rrggbb" ALINK="#rrggbb"> T2>7%&_GQ </body> Môn học: Thương mại điện tử và Ứng dụng Internet Trang 8 Lưu ý: 3' LINK=blue lkoooonnmL VLINK=purple lkpooopom-ALINK=redlknnoooom9 f:d>7•}fY5Y~- Wh − LEFTMARGIN: 0M " 9 Cú pháp <body LEFTMARGIN="X"> T2>7%&_GQ </body> Lưu ý:h•!L%&0?•%&7d ƒ! Mã nguồn <html> <head> <title> </title> </head> <body leftmargin="100"> <p> Chao mung cac ban den voi lop hoc Thuong mai dien tu va Ung dung Internet </p> </body> </html> 4! Môn học: Thương mại điện tử và Ứng dụng Internet Trang 9 − TOPMARGIN: 0M"! ! Cú pháp <body TOPMARGIN="X"> T2>7%&_GQ </body> Lưu ý:h•!L%&0?•%&7d ƒ!d•%[ Mã nguồn <html> <head> <title> </title> </head> <body topmargin="100"> <p> Chao mung cac ban den voi lop hoc Thuong mai dien tu va Ung dung Internet </p> </body> </html> 4! Môn học: Thương mại điện tử và Ứng dụng Internet Trang 10 [...]... đen < /html> Hiển thị trên trình duyệt Web h Thẻ tag Sub: Hiển thị chữ nhỏ chỉ số dưới Cú pháp: Phần chữ nhỏ chỉ số dưới Mã nguồn Test Đối tượngChi so duoi < /html> Hiển thị trên trình duyệt Web Môn học: Thương mại điện tử và Ứng dụng Internet Trang 18 Mã nguồn Test... trên Cú pháp: Phần chữ nhỏ chỉ số trên Mã nguồn Test Đối tượngChi so duoi Môn học: Thương mại điện tử và Ứng dụng Internet Trang 20 < /html> Hiển thị trên trình duyệt Web Mã nguồn Test Hiển thị trên trình duyệt Web Môn học: Thương mại điện tử và Ứng dụng Internet Trang 15 f Thẻ tag U: Hiển thị chữ gạch chân Cú pháp: Phần chữ gạch chân Mã nguồn Test ... < /html> Hiển thị trên trình duyệt Web Môn học: Thương mại điện tử và Ứng dụng Internet Trang 16 g Thẻ tag FONT: Quy định font chữ Cú pháp: Một số tên font thông dụng: VnTime; VnTimeH; VnArial; VnArialH;.VnAvant; Mã nguồn Test ... ALIGN=RIGHT> : Tất cả nội dung nằm giữa hai tag này sẽ được canh phải Mã nguồn Test Day la noi dung doan text Môn học: Thương mại điện tử và Ứng dụng Internet Trang 11 < /html> Hiển thị trên trình duyệt Web b Thẻ tag BR: Dùng để xuống dòng Cú pháp: Mã nguồn Test Day la noi dung doan text... Tieu de co chu nho nhat < /html> Môn học: Thương mại điện tử và Ứng dụng Internet Trang 13 Hiển thị trên trình duyệt Web d Thẻ tag B: Hiển thị chữ in đậm Cú pháp: Phần chữ đậm Mã nguồn Test Phan text chu khong to dam Phan text chu to dam < /html> Hiển thị trên trình duyệt Web Môn học: Thương... nguồn Test Text1 Text2 Test3 < /html> Hiển thị trên trình duyệt Web Môn học: Thương mại điện tử và Ứng dụng Internet Trang 26 a Thẻ tag OL: Tạo danh sách có đánh số theo thứ tự Cú pháp: Môn học: Thương mại điện tử và Ứng dụng Internet Trang 27 Text1 Text2 Text3 Mã nguồn ... tử và Ứng dụng Internet Trang 30 Mã nguồn Test Khoa Kinh te Thuong mai Hom nay khai giang lop hoc Thuong mai dien tu va Ung dung Internet < /html> Hiển thị trên trình duyệt Web d Thẻ tag MARQUEE: Thẻ này dùng tạo hiệu ứng chạy chữ trong tập tin html Dòng văn bản nằm giữa hai thẻ này sẽ chạy... < /html> Hiển thị trên trình duyệt Web j Thẻ tag DL: Dùng để định nghĩa một danh sách Cú Pháp Đề mục danh sách Danh sách mức 1 Danh sách mức 1 Danh sách mức 2 Danh sách mức 2 Danh sách mức 1 Danh sách mức 2 Môn học: Thương mại điện tử và Ứng dụng Internet Trang 22 Môn học: Thương mại điện tử và Ứng dụng Internet Trang 23 Mã nguồn ... Test De muc danh sach Danh sach muc 1 Danh sach muc 1 Danh sach muc 2 Danh sach muc 2 Danh sach muc 1 Danh sach muc 2 … < /html> Hiển thị trên trình duyệt Web Môn học: Thương mại điện tử và Ứng dụng . $->74 35?'7< ;html& gt;@ < /html& gt;9!'7< ;html& gt;@< /html& gt;'7<head>@ </head>-A'7<body>@</body> Lưu. 35. )S8-):2>7 G9 Ví dụ: <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> < ;html& gt; T U 6AV78 *4WXI. - *YIZ. < /html& gt; b. Thẻ tag <HEAD>. 1 LM'($/' K0N!CD9O A"$-B!7:G7/87K EF(G-/0 II. Ý nghĩa của các Tag HTML 1. Các thẻ mở rộng trong phần thẻ tag < ;HTML& gt; và thẻ tag <HEAD> a. Thẻ tag < ;HTML& gt; PQR02>7G4
Ngày đăng: 21/04/2014, 14:19
Xem thêm: html guide – tv, html guide – tv