HTML và HTML 5 Session 2

Session 2









 !"#$
%
&'()
%
*()
%
+,-
./
.01/
.20/3455&.620/
.601/
.78/
.9/3455&:.69/
.7/
.2/;3
.2/5;3
.2/45;5;3
.2/;3
.2/;3
.67/
.678/

.6/
%
<""5=
> .28?0@2/
%
A5=
> .28?0@/
%
<""55
> .28?0@1/
%
A55
> .28?0@/
%
B+#'
C
 &9
> .7D1=@/EF
C
+,G
./
.01/
.20/4H;1H.620/
.601/
.78/
.9/4H;1H.69/
.</
.2/
.2/5
.2/5";

.2/4HI
.6</
.678/
.6/
%
.28?0@DJ<1=0/KHH5L'
% .28?0@2DM/KHH5L+-

%
.28?0@M2=M0/KHH5LN
./
.01/
.20/5.620/
.601/
.78/
./
./D;3
./5I;3I5A55&
./
./3"55O&"5
./255
./15A&I5A&
.6/
.678/
.6/
%
?#P10"Q"KR*LK!3;S
H5;RKT
%
MUVKW*;NXAYZXHYZ

!'X5HHYH!$;N!T
%
<TABLE> … </TABLE>:?#PRK
%
<CAPTION> … </CAPTION>:R;NV[
+'KT\]^+_3`a.10/
%
<TR> … </TR>:?#PR;NK
%
<TD> … </TD>:?#PR';N
% <TH> … </TH>:Rb+Z;N
%
c[;d
<TABLE border="1">
<CAPTION>TABLE</CAPTION>
<TH>Column 1</TH>
<TH>Column 2</TH>
<TR>
<TD>Cell 1, Rows 1</TD>
<TD>Cell 2, Rows 1</TD>
</TR>
<TR>
<TD>Cell 1, Rows 2</TD>
<TD>Cell 2, Rows 2</TD>
</TR>
</TABLE>
%
Border=n:+_++]eZ/fKó&
%
Bgcolor=“giá_trị_màu”:+_àKTá,ag"

Hd"h
%
Width, Height:\_&í]ZKT
%
CellSpacing:&Sá'K
%
CellPadding:Hà&hS+]e$';
FK+]^+_'
.10K;5@i5HH"@i5HH";;@jKH@KH5/
……
.610/
%
valign :H;'5;kTá,
íà3W:"Z;;H5ZKT
%
align:H;5
%
làmóáí:KHZA;Z5ZTT

Align = left

Align = center

Align = right

Align = justify

Valign = top

Valign = middle


Valign = bottom
<TD ALIGN = right VALIGN = bottom> Data Cell 1 </TD>
%
[M7D?1l!=74D?1l$"#P!+]^P;d+
a'n;N3T
>
Rowspan=n:Q"'obp
>
Colspan=n:Q"'obp!
%
c[;d
<TABLE border=1>
<TR>
<TD>cell</TD> <TD>cell</TD>
<TD rowspan=3> rowspan=3</TD>
<TD> cell </TD> <TD> cell </TD>
</TR>
<TR>
<TD colspan=2>colspan=2 </TD>
<TD colspan=2>colspan=2 </TD>
</TR>
<TR>
<TD> cell </TD> <TD> cell </TD>
<TD> cell </TD> <TD> cel </TD>
</TR>
</TABLE>
%
"#P;p+K!KpT
>

01+,-pb+T
> 77+,-phb+T
>
78+,-ph$K
%
c[;d
<table width="320" height="104" border="1" >
<THEAD>
<tr>
<th> Student Name </th>
<th> Grand Total (Out of 500) </th>
<th> Percentage</th>
</tr>
</THEAD>
<TFOOT>
<tr>
<th colspan="2">Total Student </th>
<th>4</th>
</tr>
</TFOOT>
<TBODY>
<tr>
<td>John</td>
<td align="center">450</td>
<td align="center">90%</td>
</tr>
<tr>
<td>Linda</td>
<td align="center">400</td>
<td align="center">80%</td>

</tr>
<tr>
<td>Marry</td>
<td align="center">460</td>
<td align="center">92%</td>
</tr>
</TBODY>
</table>
%
DP;dK
>
h
C
"bZ+,qZ +b
C
RZ+,q5rH!
'  & + ]e ;p +F &s ! '
C
 ;, d
!+*
>
h
C
" ^" ' ;p + +F&s  '
C
 F
C
 !
!+*Z[;dZ& '
C

 b255Z
 " + bZ +, q P ] t K] +b
C
Z "]n
(!'HbtTTT
%
?#P7=
.7=/….67=/
%
M'
C
[$7=
>
1MM0?
>
1M27l
>
07
%
?#P2l?<
> 8?0
> l10
> c1<0
>
D2u0
>
1v0l
>
M0Mw0

> D=M
%
0vE5IHG
% M0Mw7v
%
=127
%
D<2
%
=0D0
%
210
%
<7l
% ?#P5O15
> H
>
A
>
Dx5
> 3"5
> cH5
%
?#P<7l
>
5
> H5
> 3"5
%
?#PD00M

>
l5
>
x5
>
H"H5
%
?#P10
%
\&"#P
> yHh
C
"b+
> ()K
> ?[3h
C
"X"[BY
> c'b
C
*"#P