Bùi V Anh - Bài ging HTML 08-08-2005
B môn Tin hc, Khoa Toán - C -Tin hc, Trng H Khoa hc T nhiên
1
B
B
à
à
i 1
i 1
Ngôn ng
Ngôn ng
đ
đ
á
á
nh d
nh d
u siêu vn b
u siêu vn b
n
n
(Highper Text Markup Language
(Highper Text Markup Language
–
–
ch (server script) và máy khách – máy
duyt web (client script). ólàdng lp
trình dùng đ nâng cao hiu qu, tính
nng ca trang web.
•Các h CSDL gn vi trang web dùng đ
lu thông tin: Access, SQL Server,
MySQL, Oracle…
Hà Ni 08-08-2005 Bùi V Anh - Bài ging v HTML 5
Trình ch và ngôn ng script
• Trình ch (web server): Ni cung cp dch
v web, đt và chy trên máy tính
• Môi trng chy trình ch:
– Windows: IIS (Internet Information Server),
Apache
– Linux: Apache, JRUN, Weblogic…
• Ngôn ng script: ASP (Active Server
Page), JSP (Java Server Page), Servlet,
PHP, Perl, ASP.NET
–Ph bin: VB Script và Java Script
Hà Ni 08-08-2005 Bùi V Anh - Bài ging v HTML 6
Trình ch và ngôn ng script…
• Client script không ph thuc vào Server
script và Web server (tng đi)
•Cóth dùng nhiu loi client script trong
cùng mt trang Web nhng không đc
khai báo ln ln
Slide 3
BVA1 - Web tnh: Không kt ni CSDL, thông tin hin lên đc lu tr trên file text hay các file riêng bit.
- Web đng: Có kt ni ti CSDL, khi trang web đc làm ti, d liu đc trình by đc đc t CSDL
Bui Vu Anh, 7/23/2005
phng thc ca client script
<BODY background=“file nn.gif" BGCOLOR=#XXXXXX
TEXT=#XXXXXX LINK=#XXXXXX VLINK=#XXXXXX>
Hà Ni 08-08-2005 Bùi V Anh - Bài ging v HTML 9
Các th đnh dng
• Div: Canh l đon vn bn
<div align=“justify” | “center” | “left” | “right”>
…
</div>
•P: nh dng câu, sau th kt thúc s sang mt
dòng mi, tách nhau bng mt khong cách
<p align=“justify” | “center” | “left” | “right”>
…
</p>
• <blockquote>....</blockquote> : Làm ni bt
đon vn bn bng cách lùi vào phía trong trang
web, gi nguyên đnh dng
Hà Ni 08-08-2005 Bùi V Anh - Bài ging v HTML 10
Các th đnh dng…
• Font: Quy đnh font cho đon vn bn
– <font
face=“tên font” color=“màu” size=“kích thc”>
… </font>
– Tên font s dng: font vit trc quy đnh s dùng
nu máy đã cài đt, font th 2 đc dùng nu font
th nht không cài đt…
–H 16 màu chun thì có th dùng tên:
red, blue…, h
màu 24bit, dùng 6 s h hexa dng #FFFFFF (du #
trc)
• Dùng th <pre> … </pre> nu mun trình
duyt hin đúng vn bn nh đã trình by
trong trang web.
Hà Ni 08-08-2005 Bùi V Anh - Bài ging v HTML 14
Chèn bng
• Table: nh dng bng
–Tr: Khai báo hàng
–Td: Khai báo ct
<table
border=n cellspacing=m cellpadding=k
width=l>
…
</table>
Thit k bng ch quan tâm chiu rng, th
tr
quan tâm chiu cao, th td quan tâm chiu rng.
n v dùng tính theo đim
BVA6
BVA7
Hà Ni 08-08-2005 Bùi V Anh - Bài ging v HTML 15
Chèn bng…
<td width=“n%” align=“left | right | center” valign=“top
| bottom | mi
ddle” rowspan=m colspan=k>
…
</td>
: Khai báo ct
<tr> … </tr> : Khai báo hàng
• Dùng th
<th>…</th> đ đnh dng tiêu đ ct ca
<dt> description titleN
<dd> description descriptionN
</dl>
Khi trình by, danh sách s lùi đu dòng theo s
phân cp
Hà Ni 08-08-2005 Bùi V Anh - Bài ging v HTML 18
Th chèn nh
• <imag align=“top | bottom | middle | left | right” scr =
“đng dn URL/UNC” border=n height=x width=y
border=m alt=“x”>
• Imag không có th đóng,
align dùng đ dóng vn bn so
vi nh, mc đnh là bottom. Nu dùng left | right, vn
bn sau đócng b tác đng (tng quan text-image)
• nh có th b bin dng nu cung cp chiu cao, rng
sao t l => Không nên ch chiu cao và rng nu không
cn thit.
•Nu mun nh không có vin, chn
border m=0
• Khi không np đc nh, xâu trong alt s hin thay th
•Các loi nh h tr: .GIF, .JPG, .PNG
Slide 14
BVA6 đm đng vin, 0 tc là không có vin. n v là đim
Bui Vu Anh, 8/2/2005
BVA7
Khong cách gia các hàng và ct. n v là đim
Bui Vu Anh, 8/2/2005
Slide 15
BVA8 rng ca ct so vi bng tính theo %
Bui Vu Anh, 7/23/2005
Copyright: Tài liệu đại học ©