Tài liệu CHƯƠNG 3: NGÔN NGỮ ĐÁNH DẤU SIÊU VĂN BẢN doc - Pdf 10

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> !   !  "  [    >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

 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


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

 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

4!
Môn học: Thương mại điện tử và Ứng dụng Internet Trang 10
2. Các thẻ định nghĩa đoạn văn bản, kiểu chữ
a. Thẻ tag P\PDG-JK9
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.
− : Tất cả nội dung nằm
giữa hai tag này sẽ được canh giữa
− : Tất cả nội dung nằm
giữa hai tag này sẽ được canh phải
Mã nguồn
<html>
<head>
<title> </title>
</head>
<body>
Id
Môn học: Thương mại điện tử và Ứng dụng Internet Trang 11
</body>
</html>
4!
b. Thẻ tag BR:IMd•#9
Cú pháp: 
Mã nguồn
<html>
<head>
<title> </title>

d. Thẻ tag B\4(>9
Cú pháp\*.•8(>*1.
Mã nguồn
<html>
<head>
<title> </title>
</head>
<body>
 •d< 
 •d 
</body>
</html>
4!
Môn học: Thương mại điện tử và Ứng dụng Internet Trang 14
e. Thẻ tag I: Hiển thị chữ in nghiêng.
Cú pháp: Phần chữ nghiêng
Mã nguồn
<html>
<head>
<title> </title>
</head>
<body>
 •d< 
 •d 
</body>
</html>
4!
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

</html>
4!
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
<html>
<head>
<title> </title>
</head>
<body>
 P•%&f 
</body>
</html>
4!
Môn học: Thương mại điện tử và Ứng dụng Internet Trang 18
Mã nguồn
<html>
<head>
<title> </title>
*  7,q-…jf, 7j  …jd1„
…a,pj.
</head>
<body>
 •
a    X      gL        zL  
f
</body>
Môn học: Thương mại điện tử và Ứng dụng Internet Trang 19
</html>

j. Thẻ tag DL: Dùng để định nghĩa một danh sách.
Cú Pháp
<DL>Đề mục danh sách
*I .I:x*1I .
*I .I:x*1I .
*II.I:V*1II.
<DD>Danh sách mức 2</DD>
<DT>Danh sách mức 1</DT>
<DD>Danh sách mức 2</DD>

Môn học: Thương mại điện tử và Ứng dụng Internet Trang 22
</DL>
Môn học: Thương mại điện tử và Ứng dụng Internet Trang 23
Môn học: Thương mại điện tử và Ứng dụng Internet Trang 24
Mã nguồn
<html>
<head>
<title> </title>
*  7,q-…jf, 7j  …jd1„
…a,pj.
</head>
<body>
<DL>I
<DT>Ix</DT>
<DT>Ix</DT>
<DD>IV</DD>
<DD>IV</DD>
<DT>Ix</DT>
<DD>IV</DD>
<DT>@999</DT>

Nhờ tải bản gốc

Tài liệu, ebook tham khảo khác

Tài liệu CHƯƠNG 3: NGÔN NGỮ ĐÁNH DẤU SIÊU VĂN BẢN doc - Pdf 10

Tài liệu, ebook tham khảo khác

Học thêm