Chương 3: Ngôn ngữ đánh dấu siêu văn bản HTML doc

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang	68
Dung lượng	7,3 MB

Nội dung

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 [...]... tục Mã nguồn Test Cheri Cheri Lady < /html> CHƯƠNG 4: GIỚI THIỆU FRONT PAGE 2002 Có rất nhiều chương trình để tạo một trang Web như Frontpage, Hotdog, Dream weaver Trong chương này sẽ giới thiệu với các bạn sử dụng và làm quen với chương trình Frontpage 2002, trong chương này chúng... Trang 29 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 c Thẻ tag CENTER: Đoạn văn bản nằm giữa tag này sẽ được định dạng canh giữa so với lề trái và lề phải Cú pháp: Nội dung đoạn văn bản được đặt tại... ALIGN="left/right/top/middle/bottom": Canh dòng văn bản so với khung chứa văn bản đó − BEHAVIOR="scroll/slide/alternate": Chỉ định kiểu chữ chạy + SCROLL: Dòng chữ chạy theo một hướng nhất định và lập đi lập lại quá trình đó Đây là thuộc tính mặc nhiên + SLIDE: Dòng chữ chạy chớp tắt + ALTERNATE: Dòng chữ chạy đổi hướng khi đụng đường biên của khung bao văn bản − BGCOLOR="#rrggbb/color name": Chỉ định... ALIGN="left/right/top/texttop/middle/absmiddle/bas eline/bottom/absbottom": Thuộc tính này dùng để so hàng hình ảnh với các dòng văn bản trong web − ALT="Alternative Text": Thuộc tính này cho hiển thị một dòng văn bản thay thế cho tập tin hình ảnh trong trường hợp trình duyệt Web đang ở trong chế độ không hiển thị được hình ảnh Dòng văn bản này cũng hiển thị theo dạng ToolTip khi dời Mouse đến hình − SRC="URL of image": Chỉ định địa...2 Các thẻ định nghĩa đoạn văn bản, kiểu chữ a Thẻ tag P: Định nghĩa đoạn văn bản Cú pháp: nội dung đoạn văn bản  Các thuộc tính của thẻ P − : Tất cả nội dùng nằm giữa tag này sẽ được canh về bên phía trái lề trang web Đây cũng là thẻ mặc định... Ứ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 theo... 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 ... mai dien tu va Ung dung Internet < /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 33 3 Các thẻ định nghĩa hình ảnh, âm thanh a Thẻ tag IMG: Thẻ này dùng để chèn một hình ảnh vào tập tin html Cú pháp: 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... giữa hình và đoạn văn bản VSPACE cho trên và dưới hình, HSPACE cho trái và phải hình Giá trị value được tính theo đơn vị pixel Môn học: Thương mại điện tử và Ứng dụng Internet Trang 34 Mã nguồn Test Meo va chuot < /html> Hiển thị . 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.  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. 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& gt;  <head> 

Ngày đăng: 20/06/2014, 11:20

Xem thêm