html guide – tv

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> 34 35678!phần đầu(head)- phần thân(body)9Phần đầu:;($-"- <$%&!!9Phần thân:;=: !!%7829  $->74 35?'7<html>@ </html>9!'7<html>@</html>'7<head>@ </head>-A'7<body>@</body> Lưu ý: −  <title>@ </title> %&'B('7 <head>@ </head> CD2'7 <title>@ </title> %&EF>G2-%& !!"2EH − /0%&B<! blah blah blah >9 I#-JK((KHÔNG%& Môn học: Thương mại điện tử và Ứng dụng Internet Trang 1 LM'($/' K0N!CD9O A"$-B!7:G7/87K EF(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> PQR02>7G4 35LR*4 35. )S8-):2>7 G9 Ví dụ: <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> <html> T U 6AV78 *4WXI. - *YIZ. </html> b. Thẻ tag <HEAD> T?ER878!"2L R<$<=>7 9 <head> <title> !   !  "  [    >7   </title> </head>  Phần mở rộng trong thẻ tag <head>   R   <head> A   : 78\ − Thẻ tag <base>M<] ^K>7G − Thẻ tag <title> M'!!" >7G − Thẻ tag <meta>M:$ <>7G9 c. Thẻ tag <BODY> PQR:02>7 Môn học: Thương mại điện tử và Ứng dụng Internet Trang 2 Cú pháp <body> T2>7%&_GQ </body>  Các thuộc tính của thẻ <body> − BACKGROUND\IM>7K " Cú pháp <body BACKGROUND="imagename.gif"> T2>7%&_GQ </body> Lưu ý: 4"7KAG:`9a`9b7L McWd7eH&! G`979 Mã nguồn <html> <head> <title> </title> </head> <body background="I:\Pictures\Anhnen\Oakgrain.jpg"> f-7  -gc  </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"> T2>7%&_GQ </body> Lưu ý\i[jkjdl>7Fm, ,9 4%&>7>7F7Q 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 knXWIr q koonnnn q krnnnIs t knonnnn  knunuIf q knnWsfs < koooooo  knnWfI  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 - kpXVWV  kXuVXVX  kIWppr  kunvWXo  krnnnoo  kIVwvxW  knnrnuo y kwsvuWI < knnnpIf  kIfxszf  koonnnn < koooop < koopp < kppwo < kXvXvXv < koowsoo <<< kIrw < kpoop <- kuuwVn < knnpfoo < kvvzVff < kpoooo < kWvvwrX < kpnfpn < kspzIp < kVnsnsn <q koofWIx <- kvsooIz 77< knnxsvz 7< koonn  kwvwvwv  kxWvonn U< kVVVVV y knnnXno a kVVpVV a knnoonn  kIfIfIf  knpnpnn  knnIroo  kIXXuVo  kpopopo  koopooo  kXInnVn  knonnno 7< knnwvs  kfIufuf  ksoopV -L knnnnno << knoWwpf - kWwWwnX - knnnonu  krfnfoo { knnnXfI  kXIIpWw  knopopo  kWonnnn   knXnXIV  kvoWWvo  kIzIzIz 7< knnwfx  knnXorX  kVoVXX < kprfWnX  krrppvv  kofsIW  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  kXuuIz 77 kvzroI   kzfzrx   krwpWW 7  koonXvX q  kspIxff - kfrxupu  kxvxvro  knunnnX  knnWsWx  knnWsu -b knnIWXI, - koooopo  knInuWw - kpopooo - kwpWVz  knnXuoo  knnsuoo  kIXroIw 7 kWWWpXX 7 kvpnvp 7q kXnWWWW 7- kIrovz 777 knnWnIu 77{ knnIXv 7 kfIpuzn 7< knnfof 7 kIIXoII 7 koWoWw 77 kpooopo  knnoooo  kfpnpn  ksxwvWx  kpsuxz  knXporV  knsXswo  kVWpur  knnnuWW  kXouVVI - kfofofo < kprfWW  kwXuXfI  kropovo  knnnXnX 7 koonnrn L kswpVs  kIVspf  koopopo  kIpnIp  knnwzsr q ksoWoIo - kWWpVWW  knuIWz  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]-JK %€>7 Cú pháp <body TEXT="#rrggbb"> T2>7%&_GQ </body> Lưu ý\fd>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"> Chao mung cac ban den voi lop hoc Thuong mai dien tu va Ung dung Internet </body> </html> 4! − LINK, VLINK và ALINK:f0M ]#-JK•%& 2••!<9 ALINK!<%d VLINK!<‚d ALINK!<d Cú pháp <body LINK="#rrggbb" VLINK="#rrggbb" ALINK="#rrggbb"> T2>7%&_GQ </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=redlknnoooom9 f:d>7•}fY5Y~- Wh   − LEFTMARGIN:  0M  " 9 Cú pháp <body LEFTMARGIN="X"> T2>7%&_GQ </body> Lưu ý:h•!L%&0?•%&7d ƒ! Mã nguồn <html> <head> <title> </title> </head> <body leftmargin="100"> Chao mung cac ban den voi lop hoc Thuong mai dien tu va Ung dung Internet </body> </html> 4! Môn học: Thương mại điện tử và Ứng dụng Internet Trang 9 − TOPMARGIN: 0M"! ! Cú pháp <body TOPMARGIN="X"> T2>7%&_GQ </body> Lưu ý:h•!L%&0?•%&7d ƒ!d•%[  Mã nguồn <html> <head> <title> </title> </head> <body topmargin="100"> Chao mung cac ban den voi lop hoc Thuong mai dien tu va Ung dung Internet </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 .  $->74 35?'7< ;html& gt;@ < /html& gt;9!'7< ;html& gt;@< /html& gt;'7<head>@ </head>-A'7<body>@</body> Lưu. 35. )S8-):2>7 G9 Ví dụ: <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> < ;html& gt; T U 6AV78 *4WXI. - *YIZ. < /html& gt; b. Thẻ tag <HEAD>. 1 LM'($/' K0N!CD9O A"$-B!7:G7/87K EF(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; PQR02>7G4

Ngày đăng: 21/04/2014, 14:19

Xem thêm: html guide – tv, html guide – tv

html guide – tv

Thông tin tài liệu

Từ khóa liên quan

Trích đoạn

Tài liệu cùng người dùng

Tài liệu liên quan