HTML (1)
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 (493.93 KB, 23 trang )
Gi i thi u HTML
Th : <table>
Tác d ng:
K b ng trong trang web HTML
Hình t
ng:
Th : <table>
Cách vi t:
< table border= "1px" w idth= "500px">
< tr>
< th> Tiêu đ c t 1< / th>
< th> Tiêu đ c t 2< / th>
< / tr>
< tr>
< td> Dòng 1, c t 1< / td>
< td> Dòng 1, c t 2< / td>
< / tr>
< tr>
< td> Dòng 1, c t 1< / td>
< td> Dòng 1, c t 2< / td>
< / tr>
< / table>
Ví d v table
Table lo i 1
<table border="1" width="50%">
<tr>
<th>H tên</th> <th>S phone</th>
</tr>
<tr>
<td>Nguy n V n A</td> <td> 0983.123.456 </td>
</tr>
<tr>
<td>Hu nh Trà My</td> <td>0984.223.344</td>
</tr>
<tr>
<td>Tr n Th Di u Th o</td> <td>0909.456.789</td>
</tr>
<tr>
<td>Tr n Nguy n Tuy t Nhi</td> <td>0909.123.456</td>
</tr>
</table>
Ví d v table
Table lo i 2
<table border="1" width="50%">
<tr>
<th>H tên</th> <th>S phone</th>
</tr>
<tr>
<td rowspan="2">S viettel</td> <td> 0983.123.456 </td>
</tr>
<tr>
<td>0984.223.344</td>
</tr>
<tr>
<td>Tr n Th Di u Th o</td> <td>0909.456.789</td>
</tr>
<tr>
<td>Tr n Nguy n Tuy t Nhi</td> <td>0909.123.456</td>
</tr>
</table>
Ví d v table
Table lo i 3
<table border="1" width="50%">
<tr>
<th colspan="2">Nhóm s mobile</th>
</tr>
<tr>
<td>Tr n Th Di u Th o</td> <td>0909.456.789</td>
</tr>
<tr>
<td>Tr n Nguy n Tuy t Nhi</td> <td>0909.123.456</td>
</tr>
</table>
Th : <form>
Tác d ng:
Form là giao di n đ ng
Hình t
Nhãn
(label)
ng:
i dùng nh p d li u
Tr ng
(field)
Th : <form>
<form tên thu c tính>
Các ph n t c a form
</form>
Tên thu c tính
name="ten_form"
Tác d ng
t tên form
action="trang_chuyen"
Trang chuy n đ n sau khi nh n submit
method="post"
Form s d ng ph
ng th c POST
method="get"
Form s d ng ph
ng th c GET
enctype="multipart/form-data"
Form có s d ng hình nh, ch s d ng
cho ph ng th c POST
Ví d t o form
text
Tên truy c p(*):
<input type="text" value="" name="username" />
password
M t kh u(*):
<input type="password" value="" name="password" />
checkbox
Tình tr ng:
<input type="checkbox" value="docthan" name="tinhtrang" />
c thân
<input type="checkbox" value="motminh" name="tinhtrang" />
M t mình
<input type="checkbox" value="cahai" name="tinhtrang" />
C hai
radio
Gi i tính(*):
Nam
<input type="radio" value="nam" name="gioitinh" />
N
<input type="radio" value="nu" name="gioitinh" />
file
nh đ i di n:
<input type="file" value="" name="avatar" />
Select - option
<select name="thanhpho">
<option value="">--[Ch n]--</option>
<option value="danang" selected="selected"> à
N ng</option>
<option value="hochiminh">H Chí Minh</option>
<option value="hanoi">Hà N i</option>
</select>
Thu c tính
Giá tr
Mô t
disabled
disabled
Vô hi u hóa select
multiple
multiple
Ch n nhi u option
size
number
S option hi n th
textarea
Thông tin thêm:
<textarea name="thongtinthem" rows="4" cols="30"></textarea>
Thu c tính
Giá tr
Mô t
cols
number
Chi u r ng c a ô
rows
number
Chi u cao c a ô
Input hidden
<input type=“hidden" value=“5" name="id" />
input có name là id b n không hi n
trong form. Tuy b n nh ng n u chúng
ta Submit thì giá tr "5" v n đ c g i đi.
submit - reset
<input type="submit" value="Submit" name="submit" />
<input type="reset" value="Reset" name="reset" />
B ch n ph n t
HTML
B ch n CSS là m t quy t c giúp ch n ra
đ c nh ng ph n t HTML phù h p v i
m t đi u ki n cho tr c m t cách nhanh
nh t
B ch n ph n t
HTML
Ví d : Ch n ch Yêu trong đo n code sau đ th c hi n 1
thao tác nào đó (ví d cho ch đ m và c ch l n h n)
B ch n ph n t
HTML
Ví d : Ch n ch Em trong đo n code sau đ th c hi n 1
thao tác nào đó
ID và class
ID là thu c tính nh m xác đ nh m t ph n t
trong HTML và ID là thu c tính duy nh t,
ch đ c s d ng m t l n
Class là thu c tính nh m xác đ nh m t, ho c
m t nhóm ph n t trong HTML và class là
thu c tính có th đ c s d ng nhi u l n
Ví d cách đ t tên ID và class
