of Muc dich m Cách sử dụng bang = Cach str dung tang = Chen multimedia vao tai liu HTML Web Page Programming with HTML,DHTML & JavaScript/Session 3/ 2 of 17... Thuộc tính CELLPADDING
Trang 1" Sử dụng bảng và tâng
Chương 3
Trang 2
of Muc dich
m Cách sử dụng bang
= Cach str dung tang
= Chen multimedia vao tai liu HTML
Web Page Programming with HTML,DHTML &
JavaScript/Session 3/ 2 of 17
Trang 3
of Câu trúc của một bảng
Table columns
headings
Table rows
Web Page Programming with HTML,DHTML &
JavaScript/Session 3/3 of 17
Trang 4
of Cach tao bang
<HTML>
<HEAD>
<TITLE>Using Tables</TITLE>
</HEAD>
<BODY>
<TABLE>
<TD> A single cell table </TD>
</TABLE>
</BODY>
</HTML>
1111V1IL,,171111VIL, €
JavaScript/Session 3/ 4 of 17
Trang 5
of Các phân tử tạo bảng
<TABLE> </TABLE>
<TR> </TR>
<TD> </TD>
<CAPTION> </CAPTION>
<TH> </TH>
Web Page Programming with HTML,DHTML &
JavaScript/Session 3/ 5 of 17
Trang 6
of Xác định khoảng cách
m= Thuộc tính CELLSPACTING định nghĩa không gian giữa các ö tinh theo pixel Thuộc tính CELLPADDING định nghĩa những không gian bên trong Ô của bảng
CELLPADDING = 6>
Web Page Programming with HTML,DHTML &
JavaScript/Session 3/ 6 of 17
Trang 7
pip Noia
m Thuộc tính COLSPAN và ROWSPAN được sử
dụng để tạo ra những ô mà chúng có thể
kéo rộng ra cho hơn một dòng hay cột
m Thuộc tính COLSPAN được sử dụng với thẻ
<TH>, trong khi đó thuộc tính ROWSPAN
được sử dụng với thẻ <TD>
Web Page Programming with HTML,DHTML &
JavaScript/Session 3/ 7 of 17
Trang 8
of Định dạng dữ liệu trong ô
= Align = center = Valign = middle
# Align = justify = Valign = baseline
<TD ALIGN = right VALIGN = bottom>
Data ¢ Cell 1</TD>
b Page Programming with HTML,DHTML &
JavaScript/Session 3/ 8 of 17
Trang 9
of Giới thiệu tầng [1]
m Chúng ta có thê đặt một phần tử trên hay dưới
một phân tử khác trong tâng
m Tọa độ z xác định thứ tự mà các phần tử được
hiển thị
=m Một tầng giống như một khung, nó có thể
chứa nội dung và được chỉ định vị trí ở nơi
Web Page Programming with HTML,DHTML &
JavaScript/Session 3/9 of 17
được yêu cầu
Trang 10
= Giới thiệu tầng [2]
Internet Explorer hỗ trợ mô hình CSS
Khi chúng sử dụng bảng kiểu thì chúng ta có thể nhóm
các thành phần của trang lại với nhau trong một CSS
(Bảng kiểu hình thác nước ) Bảng kiểu có thể được áp dụng cho tất cả các phần tử
trong một tài liệu HTML hoặc chỉ một sô trong tải liệu
Những phần tử này có thể được điều khiển thông qua
VBScirpt hay JavaScript
Web Page Programming with HTML,DHTML &
JavaScript/Session 3/ 10 of 17
Trang 11
of St dung tang
= Su dung the <LAYER>
: Tang được tạo ra bằng cách sử dụng thẻ <LAYER> có thể có các kiểu
= Nếu chúng ta muốn ứng dụng kiểu tầng cho tất cả những phần tử bên trong tầng, chúng ta có thể sử
dụng những phần tử như DIV hay SPAN
Web Page Programming with HTML,DHTML &
JavaScript/Session 3/ 11 of 17
Trang 12
of Sử dụng thẻ <LAYER>
= Thẻ <LAYER> được sử dụng để xác định nội dung va vi trí tầng trong nội dung HTML
m Chúng ta có thê sử dụng JavaScript để điêu
khiên các tầng
Web Page Programming with HTML,DHTML &
JavaScript/Session 3/ 12 of 17
Trang 13
of Tao mét tang
= Đoạn mã sau là một ví dụ cách sử dung the
<LAYER>
<LAYER top = 25 ID=layer1 visiblity=show>
<P><Font color = limegreen size = 4><B>Layer 1</FONT></B></P>
</LAYER>
h
HIIVIL,IJF111VIL, &
JavaScript/Session 3/ 13 of 17
Trang 14
of Thêm âm thanh
= <BGSOUND SRC="path\sound
filename'>
<BGSOUND src="WindowsLogonSound.wav' >
= Phần tử BGSOUND không dugc Netscape Navigator ho tro
Web Page Programming with HTML,DHTML &
JavaScript/Session 3/ 14 of 17
Trang 15
of Adding Video
= Dé chen mot file video vào tài liêu HTML
ta sử dụng thẻ <EMBED>
<EMBED SRC="path\video file name”
WIDTH="width in pixels or percentage”
HEIGHT="height in pixels or
Web Page Programming with HTML,DHTML &
JavaScript/Session 3/ 15 of 17
Trang 16
of Chén Java Applet
= Dé hién thi applet, ta can phai tao mot trang HTML ma no co thé nap file applet vào trinh duyệt
<applet code = FirstApplet width=200 height= 200></applet>
Web Page Programming with HTML,DHTML &
JavaScript/Session 3/ 16 of 17
Trang 17
of Gửi tham số vào applet
= Cũng có thê gửi tham số vào applet bang
cách sử dụng thẻ <PARAM> trong file HTML
<PARAM name = “parameter name” value =
“parameter value’ >
Web Page Programming with HTML,DHTML &
JavaScript/Session 3/ 17 of 17