bài giảng thiết kế web - chương4 - bảng và trình bày trang
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.58 MB, 16 trang )
CHNG IV
BNG -
TRÌNH BÀY TRANG
I. BNG
1. G
B các
phân chia trang thành
vùng khác nhau khác
nhau, trong và trình bày
trang web
2. Cách :
– Tag <table> </table> :
– Tag <trtr> : xác dòng
– Tag xác ô
. D trong ô có là hình
<TABLE >
<TR>
<TD>N </TD>
<TD>N </TD>
<TD>N </TD>
</TR>
<TR>
<TD>N </TD>
<TD>N </TD>
<TD>N </TD>
</TR>
</TABLE>
Ct 1
Ct 2
Dòng 1
Dòng 2
V :
<HTML>
<HEAD><TITLE>TABLE</TITLE></HEAD>
<BODY >
<TABLE border="1">
<TR>
<TD>Cell 1</TD>
<TD>Cell 2</TD>
</TR>
<TR>
<TD>Cell 3</TD>
<TD>Cell 4</TD>
</TR>
</TABLE>
</BODY></HTML>
3. Các tính:
a) T tính
Thêm khung :
T B T
n: dày khung tính Pixel
Đ màu khung và màu :
<Table BorderColor C BgColorC
</Table>
T bóng :
Bóng và
<Table BorderColorDark C T
Bóng trên trái
<Table BorderColorLight C T
Ví :
<HTML>
<HEAD><TITLE>TABLE</TITLE></HEAD>
<BODY >
<TABLE border="5" CellSpacing =10 width=50%
BorderColorDark=red>
<TR>
<TD>Cell 1</TD>
<TD>Cell 2</TD>
</TR>
<TR>
<TD>Cell 3</TD>
<TD>Cell 4</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Đ và cao :
T W
n, m là và cao tính Pixel
Canh :
T A
T tính Cellpadding và CellSpacing:
<Table CellSpacing
K cách các ô
<Table CellPaddingV
K cách ô
Tag Caption: Dùng tiêu cho
<Table>
<Caption> tiêu </Caption>
</Table>
Ví :
<TABLE border="5" width=50% >
<Caption> tiêu </Caption>
<TR>
<TD>Cell 1</TD>
<TD>Cell 2</TD>
</TR>
<TR>
<TD>Cell 3</TD>
<TD>Cell 4</TD>
</TR>
</TABLE>
b) T tính
Canh cho trong ô theo ngang:
T A T
Canh cho trong ô theo :
<Td Valign T B MT
T ô:
<Td Colspan=n>: n
<Td RowSpan=n>: n dòng
Tag <th>: Có tác <td> làm cho
trong ô in và canh
<tr>
<th> N dung </th>
</tr>
V
<HTML>
<HEAD><TITLE>TABLE</TITLE></HEAD>
<BODY >
<TABLE border="5" CellSpacing =10 width=50% height=40%
BorderColorDark="red" >
<TR>
<TD align="center"><b>center</b></TD>
<TD valign="top"><b>top</b></TD>
</TR>
<TR>
<TD align="right"><b>Right</b></TD>
<TD valign="bottom"><b>Bottom</b></TD>
</TR>
</TABLE>
</BODY>
</HTML>
V
T
W
Height=30%>
<caption> Properties of Table</caption>
<tr>
<th colspan="3"> Colspan</th>
</tr>
<tr>
R R
<td align=center>Cell 1</td>
<td align=center>Cell 2</td>
</tr>
<tr>
<td align=center> Cell 3</td>
<td align=center> Cell 4</td>
</tr>
</table>
II. TRÌNH BÀY TRANG
Trong , trình
bày cho toàn trang web. N
trang trong báo chí
phân trang thành vùng có khác
nhau, thì là công . M trong
nét là trong
table cell có tag HTML
nào, ví có chèn tag <H1> trong
cell danh sách có các có
chèn con trong khác
Ví :
C trang web vùng
khác nhau hình , thì là công
<table>
<tr>
<td>
<ol>
<li>Home Page
<li>View the Catalog
<li>Place an Order
</ol>
</td>
<td>
<table>
<!—Ni dung ca table 2 >
</table>
</td>
</tr>
</table>
B 2: table 2 3 dòng và 2
<table>
<tr>
<td colspan =2>
<!—Chèn hình logo >
</td>
</tr>
<tr>
<td rowspan =2>
<! Ni dung 1 >
</td>
<td>
<! Ni dung 2 >
</td>
</tr>
<tr>
<td>
<! Ni dung 3 >
</td>
</tr>
</table>
K
