bài giảng thiết kế web - chương3 - danh sách trong web
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 (1.57 MB, 10 trang )
CHNG III
DANH SÁCH
I. DANH SÁCH KHÔNG CÓ TH T
(Unorder List -UL)
Cú pháp:
<UL Type= Shape1>
<LI Type= Shape 2> Ni dung 1
<LI Type= Shape 2> Ni dung 2
…
</UL>
– Shape 1, Shape 2: là bullet dòng
trong danh sách
– Shape 1: toàn danh sách
– Shape 2: trong danh sách
Các shape:
– Circle: Bullet tròn,
– Square: Bullet vuông
– Disc: Bullet tròn không
Ví :
<HTML>
<HEAD><TITLE>Learning HTML</TITLE>
<BODY>
<UL type=”Square”>
<LI>Monday
<UL>
<LI>Introduction to HTML
<LI>Creating Lists
</UL>
<LI>Tuesday
<UL>
<LI>Creating Tables
<LI>Inserting Images
</UL>
<LI>Wednesday
<LI>Thursday
<LI>Friday
</UL>
</BODY>
</HTML>
II. DANH SÁCH CÓ TH T
(OrderList OL)
Cú pháp:
<OL Type=x Start =n >
<LI Type =x1 Value=m> Ni dung 1
<LI Type =x1 Value=m> Ni dung 2
…
</OL>
x: ký trong danh sách :
– A: C hoa
– a: C
– I: S la mã hoa
– i: S la mã
– 1: Cho
– n: giá tiên danh sách
– x1: là ký cho dòng này và dòng
theo, làm x
– m: giá tiên dòng này, làm thay giá
n
Ví 1:
<HTML>
<HEAD><TITLE>Learning HTML</TITLE>
<BODY>
<OL>
<LI>Monday
<OL>
<LI TYPE = i>Introduction to HTML
<LI TYPE = i>Creating Lists
</OL>
<LI>Tuesday
<OL TYPE = A>
<LI >Creating Tables
<LI >Inserting Images
</OL>
<LI>Wednesday
<OL START = 5>
<LI >Creating Forms
<LI >Working with Frames
</OL>
<LI>Thursday
<LI>Friday
</OL>
</BODY>
<HTML>
Ví 2: Có 2 danh sách có và không có vào nhau
<HTML>
<HEAD><TITLE>Learning HTML</TITLE></HEAD>
<BODY>
<OL>
<LI>Monday
<UL>
<LI >Introduction to HTML
<LI >Creating Lists
</UL>
<LI>Tuesday
<UL type=’Disc’>
<LI >Creating Tables
<LI >Inserting Images
</UL>
<LI>Wednesday
<UL type=’cycle’>
<LI >Creating Forms
<LI >Working with Frames
</UL>
</OL>
</BODY>
<HTML>
III. DANH SÁCH ĐNH NGHĨA
Trong HTML có tag dùng
danh sách dành riêng cho tra
, thích cho danh sách
dài.
Cú pháp:
<DL>
<DT>Nhp t mun đnh ngha
<DD>Nhâp ni dung đnh ngha
…
</DL>
<HTML>
<HEAD><TITLE>Learning HTML</TITLE></HEAD>
<BODY>
<DL>
<DT>Pixel
<DD> Short for picture element. A pixel refers to the small
dots that make up an image on the screen. Pixel depth
refers to the number of colours which may be displayed.
<DT>Resolution
<DD>The quality of the display on a monitor. The higher the
resolution, the sharper the image. The number of pixels
that can be displayed on a screen defines resolution.
<DT>Scanner
<DD> A hardware device that allows the user to make
electronic copies of graphics or text.
</DL>
</BODY>
</HTML>
