Tài liệu CHƯƠNG 3: NGÔN NGỮ ĐÁNH DẤU SIÊU VĂN BẢN 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 [...]... Lady.wav"> Cheri Cheri Lady 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 ta sẽ học: • Mở FrontPage • Tạo trang Web • Làm việc với văn bản và liên kết • Chèn hình ảnh và tập tin • Định dạng... 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... BORDER=”chiều rộng đường viền” ALT=”Dòng văn bản thông báo” WIDTH=”chiều rộng ảnh” HEIGHT=”chiều cao ảnh” ALIGN=”vị trí của ảnh”>  Các thuộc tính của thẻ IMG − 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...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... Hom nay khai giang lop hoc Thuong mai dien tu va Ung dung Internet 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 đây Môn học: Thương mại điện tử và Ứng dụng Internet Trang 30 Mã nguồn Test ... nay khai giang lop hoc Thuong mai dien tu va Ung dung Internet 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 một kiểu đã quy định Môn học: Thương mại điện tử và Ứng dụng Internet Trang 31 trước, khi trình duyệt Web hiển thị trang Web nằm giữa hai tag này sẽ được định dạng... 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 chỉ tập tin hình chèn vào trang Web − WIDTH=”value”/ HEIGHT=”value”: Chỉ định khoảng cách dành sẳn cho... duyệt Web nạp toàn bộ hình − BORDER=”value”: Chỉ định cho hiển thị đường viền bao quanh hình ảnh Giá trị value là số nguyên dương − VSPACE=”value” HSPACE=”value”: Quy định khoảng trống 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... 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 màu nền cho khung chứa dòng chữ chạy − DIRECTION="left/right": Chỉ định hướng chạy của dòng văn bản Mặc định là từ phải qua trái − LOOP="number/-1/infinite": LOOP=n: Chỉ định số vòng lập lại Nếu n=-1, hay LOOP=INFINITE là lập lại liên tục Thuộc tính LOOP không được dùng chung với thuộc tính BEHAVIOR... Text1 Text2 Test3 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 Test . 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.  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

Ngày đăng: 19/02/2014, 14:20

Xem thêm