Tải bản đầy đủ (.pdf) (12 trang)
  1. Trang chủ
    2. >>
  2. Công Nghệ Thông Tin
    3. >>
  3. Quản trị Web

Ngôn ngữ đánh dấu siêu văn bản_ HTML

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (227.37 KB, 12 trang )

Bùi V Anh - Bài ging HTML 08-08-2005
B môn Tin hc, Khoa Toán - C -Tin hc, Trng H Khoa hc T nhiên
1
B
B
à
à
i 1
i 1
Ngôn ng
Ngôn ng


đ
đ
á
á
nh d
nh d


u siêu vn b
u siêu vn b


n
n
(Highper Text Markup Language
(Highper Text Markup Language
–
–


HTML)
HTML)
Ths. Bùi V Anh
B môn Tin hc
Khoa Toán – C – Tin hc

Hà Ni 08-08-2005 Bùi V Anh - Bài ging v HTML 2
Ni dung
• Khái nim c bn
•Cu trúc trang Web
•Mt s th thông dng
•Mt s th đc bit
•Cu trúc th Script
Hà Ni 08-08-2005 Bùi V Anh - Bài ging v HTML 3
Khái nim
• Web (World Wide Web): Mng toàn cu,
s dng ngôn ng đánh du siêu vn bn
(HTML – Highper Text Markup Language)
đ mô t ni dung.
•Có2 loi trang Web: Tnh và đng
• Thông tin đc khai báo bng cách dùng
các th theo mt quy lut khai báo.
•Ngi dùng s dng các trình duyt đ
đc các thông tin
BVA1
BVA5
Hà Ni 08-08-2005 Bùi V Anh - Bài ging v HTML 4
Trình duyt và kch bn
• Internet Explorer, Nescape, FireFox…
•Kch bn (script): Có 2 loi, chy trên máy

ch (server script) và máy khách – máy
duyt web (client script). ólàdng lp
trình dùng đ nâng cao hiu qu, tính
nng ca trang web.
•Các h CSDL gn vi trang web dùng đ
lu thông tin: Access, SQL Server,
MySQL, Oracle…
Hà Ni 08-08-2005 Bùi V Anh - Bài ging v HTML 5
Trình ch và ngôn ng script
• Trình ch (web server): Ni cung cp dch
v web, đt và chy trên máy tính
• Môi trng chy 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 bin: VB Script và Java Script
Hà Ni 08-08-2005 Bùi V Anh - Bài ging v HTML 6
Trình ch và ngôn ng script…
• Client script không ph thuc vào Server
script và Web server (tng đi)
•Cóth dùng nhiu loi client script trong
cùng mt trang Web nhng không đc
khai báo ln ln
Slide 3
BVA1 - Web tnh: Không kt ni CSDL, thông tin hin lên đc lu tr trên file text hay các file riêng bit.
- Web đng: Có kt ni ti CSDL, khi trang web đc làm ti, d liu đc trình by đc đc t CSDL
Bui Vu Anh, 7/23/2005

BVA5
Th: Tag, thng gm 2 th, th m đc đt trong < > và th đóng đt trong </ >. Chúng có cùng tên và phn nm trong 2 th s chu tác
đng ca th
Bui Vu Anh, 7/23/2005
Bùi V Anh - Bài ging HTML 08-08-2005
B môn Tin hc, Khoa Toán - C -Tin hc, Trng H Khoa hc T nhiên
2
Hà Ni 08-08-2005 Bùi V Anh - Bài ging v HTML 7
Cu trúc trang Web
•Làmt file text có cu trúc
• Tên file lu tr:
.htm, .html, .jhtm, phtm…
• Tên th không phân bit ch hoa/thng
<html>
<head>
<title>Tiêu đ … </title>
<meta…>
<link …> … </link>
<script> … </script>
</head>
<body> … </body>
</html>
Hà Ni 08-08-2005 Bùi V Anh - Bài ging v HTML 8
Ý ngha các th
• Head: Thông tin không xut hin trên
trang web, mc đích cung cp thông tin…
• Title: Tên trên thanh tiêu đ ca trình
duyt
•Body: Thông tin xut hin trên trang web,
có th che du mt phn thông tin tu theo

phng thc ca client script
<BODY background=“file nn.gif" BGCOLOR=#XXXXXX
TEXT=#XXXXXX LINK=#XXXXXX VLINK=#XXXXXX>
Hà Ni 08-08-2005 Bùi V Anh - Bài ging v HTML 9
Các th đnh dng
• Div: Canh l đon vn bn
<div align=“justify” | “center” | “left” | “right”>
…
</div>
•P: nh dng câu, sau th kt thúc s sang mt
dòng mi, tách nhau bng mt khong cách
<p align=“justify” | “center” | “left” | “right”>
…
</p>
• <blockquote>....</blockquote> : Làm ni bt
đon vn bn bng cách lùi vào phía trong trang
web, gi nguyên đnh dng
Hà Ni 08-08-2005 Bùi V Anh - Bài ging v HTML 10
Các th đnh dng…
• Font: Quy đnh font cho đon vn bn
– <font
face=“tên font” color=“màu” size=“kích thc”>
… </font>
– Tên font s dng: font vit trc quy đnh s dùng
nu máy đã cài đt, font th 2 đc dùng nu font
th nht không cài đt…
–H 16 màu chun thì có th dùng tên:
red, blue…, h
màu 24bit, dùng 6 s h hexa dng #FFFFFF (du #
 trc)

–C ch 1, 2, 3…7 hoc dùng kích thc tng đi so
vi trình duyt, dùng –n, +n
size=+1, size=-2
Hà Ni 08-08-2005 Bùi V Anh - Bài ging v HTML 11
Mã 16 màu
aqua black blue fuchsia
gray green lime maroon
navy olive purple red
silver teal white yellow
Hà Ni 08-08-2005 Bùi V Anh - Bài ging v HTML 12
Các th đnh dng…
• B, I, U: Quy đnh font ch đm, nghiêng, gch
chân
<b> … </b>, <i> … </i>, <u> … </u>
Mt s th khác làm thay đi hình thc ca ch.
• Heading: H1 đn H6, Typewriter: tt
• <BIG>...</BIG>, <SMALL>...</SMALL>
• <sup>...</sup> : superscript - ch s trên
• <sub>...</sub> : subscript - ch s di
• <strike> … </strike> : gch ngang qua
• <basefont size=n> : Quy đnh ch trong trang, ch thay
đi khi có mt basefont khác xut hin
Bùi V Anh - Bài ging HTML 08-08-2005
B môn Tin hc, Khoa Toán - C -Tin hc, Trng H Khoa hc T nhiên
3
Hà Ni 08-08-2005 Bùi V Anh - Bài ging v HTML 13
Ngt dòng và đon
•Du trng, du ngt đon trên trình duyt ch
đc tính 1 ln
•  tách đon, dùng th p, div

• Dùng th <pre> … </pre> nu mun trình
duyt hin đúng vn bn nh đã trình by
trong trang web.
Hà Ni 08-08-2005 Bùi V Anh - Bài ging v HTML 14
Chèn bng
• Table: nh dng bng
–Tr: Khai báo hàng
–Td: Khai báo ct
<table
border=n cellspacing=m cellpadding=k
width=l>
…
</table>
Thit k bng ch quan tâm chiu rng, th
tr
quan tâm chiu cao, th td quan tâm chiu rng.
n v dùng tính theo đim
BVA6
BVA7
Hà Ni 08-08-2005 Bùi V Anh - Bài ging v HTML 15
Chèn bng…
<td width=“n%” align=“left | right | center” valign=“top
| bottom | mi
ddle” rowspan=m colspan=k>
…
</td>
: Khai báo ct
<tr> … </tr> : Khai báo hàng
• Dùng th
<th>…</th> đ đnh dng tiêu đ ct ca

bng
• Dùng th
<caption> … <caption> đ cn đu theo
chiu rng mt dòng tiêu đ trong bng. Th này
đt trong th <table>
BVA8 BVA9
BVA10
BVA11
Hà Ni 08-08-2005 Bùi V Anh - Bài ging v HTML 16
Danh sách
• Không th t (unorder list)
<ul type=circle | square | disc >
<li type=circle | square | disc > Item 1
<li> Item 2
</ul>
•Cóth t (order list)
<ol type=“1 | A | a | I | i” start=y>
<li type= “1 | A | a | I | i”> Item 1
<li> Item 2
</ol>
• Danh sách s đánh s th t t y (y là s, type tu ý)
• Danh sách có th lng nhau nhng không đc đan chéo
Hà Ni 08-08-2005 Bùi V Anh - Bài ging v HTML 17
Danh sách mô t
<dl>
<dt> description title1
<dd> description description1
<dt> description title2
<dd> description description2
…

<dt> description titleN
<dd> description descriptionN
</dl>
Khi trình by, danh sách s lùi đu dòng theo s
phân cp
Hà Ni 08-08-2005 Bùi V Anh - Bài ging v HTML 18
Th chèn nh
• <imag align=“top | bottom | middle | left | right” scr =
“đng dn URL/UNC” border=n height=x width=y
border=m alt=“x”>
• Imag không có th đóng,
align dùng đ dóng vn bn so
vi nh, mc đnh là bottom. Nu dùng left | right, vn
bn sau đócng b tác đng (tng quan text-image)
• nh có th b bin dng nu cung cp chiu cao, rng
sao t l => Không nên ch chiu cao và rng nu không
cn thit.
•Nu mun nh không có vin, chn
border m=0
• Khi không np đc nh, xâu trong alt s hin thay th
•Các loi nh h tr: .GIF, .JPG, .PNG
Slide 14
BVA6  đm đng vin, 0 tc là không có vin. n v là đim
Bui Vu Anh, 8/2/2005
BVA7
Khong cách gia các hàng và ct. n v là đim
Bui Vu Anh, 8/2/2005
Slide 15
BVA8  rng ca ct so vi bng tính theo %
Bui Vu Anh, 7/23/2005

BVA9
Dóng ni dung trong ô
Bui Vu Anh, 7/23/2005
BVA10
Kt hp m hàng
Bui Vu Anh, 7/23/2005
BVA11
Kt hp k ct
Bui Vu Anh, 7/23/2005

Tài liệu liên quan

Tài liệu bạn tìm kiếm đã sẵn sàng tải về

Tải bản đầy đủ ngay
×