link text
Thôi cái tag này thì quá rõ ràng rồi, không cần nói thêm gì nữa. Về các attrs của tag thì các bạn có thể tự tìm hiểu thêm nhé.
HTML Images
Cũng là 1 thành phần vô cùng quen thuộc mà không cần phải nói gì thêm nữa.
HTML Tables
Table được sử dụng khá nhiều và thường xuyên trong việc sắp xếp các dữ liệu thành nhiều hàng, cột. Tuy nhiên, các bạn đã thực sự biết các attrs và css riêng biệt của
chưa?
Bình thường chúng ta thường hay viết code cho 1 table như thế này
Monthly savings
Month
Savings
January |
$100 |
February |
$50 |
Nhưng thực chất, để viết đúng cấu trúc cho 1 table thì cần có , ,
Monthly savings
Month
Savings
January |
$100 |
February |
$50 |
Total: |
$150 |
Ngoài các tags hay sử dụng trong table như: , , , , , |
, thì còn 3 tags nữa ít sử dụng hơn.
- : Hiển thị cation của table.
- : Được sử dụng để định dạng cho một nhóm cột trong
.
- : Được sử dụng để xác định giá trị thuộc tính cho một hoặc nhiều cột trong
Còn attr và css riêng biệt cho
thì như thế nào?
- CSS border-collapse: Thuộc tính thu gọn lại border cho các cell trong table. Thường được set default là 0.
- CSS border-spacing: Thuộc tính dùng để set các khoảng cách giữa các cell trong table. Thường được set default là 0.
- Attr colspan: Gộp nhiều cột lại với nhau
- Attr rowspan: Gộp nhiều dòng lại với nhau.
HTML Lists
Tag list trong HTML có 2 dạng chính: unordered và ordered.
Unordered
Unordered bắt đầu bằng . Các item bên trong sử dụng
Ordered
Ordered bắt đầu sử dụng bằng
. Các item bên trong cũng sử dụng
- Coffee
- Tea
- Milk
Vậy sự khác nhau giữa unordered và ordered là gì? Chính là ở list-style-type và "type". Giữa unordered và ordered thì cách gọi và các giá trị khác nhau nên hiển thị sẽ khác nhau. Chúng ta cùng đi vào bảng so sánh như sau:
unordered
ordered
list-style-type
type
disc
1
circle
A
square
a
none
I
i
Ngoài 2 kiểu chính là unordered và ordered thì trong Lists tag còn có Description Lists. Trong đó vai trò của từng tag như sau:
- : định nghĩa 1 description list
- : xác định tên hoặc là thuật ngữ
- : mô tả lại các thuật ngữ hoặc tên đó
Coffee
- black hot drink
Milk
- white cold drink
HTML Forms
Cuối cùng là nói về Form. Thực chất, hệ thống của Form khá là rộng và đồ sộ. Không chỉ có số lượng element nhiều mà attibutes cũng vô cùng lớn. Do bài này chỉ là sơ lược về các nhóm tags trong HTML nên mình sẽ chỉ liệt kê element của form cùng với các loại type của input thôi nhé.
Form có những elements sau:
Form Elements
Form Elements
Form Elements
Còn về các loại type của input thì sao?
Type
Type
Type
Type
button
checkbox
color
date
email
file
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week
Như vậy, qua bài viết này, mình hi vọng các bạn cũng hiểu được thêm về HTML và sử dụng chúng một cách tối ưu nhất có thể.
Chúc các bạn thành công!
Video liên quan