HTML nâng cao (phần 1)

Tiêu đề: HTML nâng cao (phần 1) Fri Nov 11, 2011 9:54 am

[You must be registered and logged in to see this link.]
Rất nhiều trang web bạn có thể thấy rằng trang của họ được thiết kế dạng cột
giống như tờ báo vậy, đó là họ sử dụng cột của HTML.

Việc thông dụng nhất khi dùng HTML là sử dụng bảng HTML
để định dạng một giao diện của một trang HTML.

Một phần của trang bạn
đang đọc này được định dạng bởi hai cột như dạng cột của báo.

Bạn có thể nhận ra rằng nhưng gì bạn đang đọc được chia ra làm hai cột
bên trái và bên phải.

Dòng chữ bên này ở cột bên trái

Code HTML <table> được sử dụng để chia một phần của trang thành hai
cột.

Tôi cố tình để đường viền cho bạn dễ nhận thấy đây là cấu trúc bảng.

Dù cho bạn có viết bao nhiêu chữ đi chăng nữa, thì nõ vẫn ngoan ngoãn
nằm trong cấu trúc bảng bạn tạo ra nó.

Vẫn layout cũ nhưng với màu được thêm vào

Việc thông dụng nhất khi dùng HTML là sử dụng bảng HTML
để định dạng một giao diện của một trang HTML.

Một phần của trang bạn
đang đọc này được định dạng bởi hai cột như dạng cột của báo.

Bạn có thể nhận ra rằng nhưng gì bạn đang đọc được chia ra làm hai cột
bên trái và bên phải.

Dòng chữ bên này ở cột bên trái

Code HTML <table> được sử dụng để chia một phần
của trang thành hai cột.

Tôi cố tình để đường viền cho bạn dễ nhận thấy đây là cấu trúc bảng.

Dù cho bạn có viết bao nhiêu chữ đi chăng nữa, thì nõ vẫn ngoan ngoãn
nằm trong cấu trúc bảng bạn tạo ra nó.

Ví dụ

Chia đôi một trang HTML thành cột và hàng là việc làm khá đơn giản. Để cho bạn
thực hành với nó, tôi đã tạo ra
ví dụ
này cho bạn.

[You must be registered and logged in to see this link.]

Việc sử dụng thẻ trong HTML không được tán thành và sẽ bị loại bỏ ở những
phiên bản HTML mới hơn. Dù cho rất nhiều người dùng nó, nhưng bạn nên cố gắng
tránh dùng nó và dùng style để thay thế.

Thẻ HTML 

Với một dòng code HTML như sau, bạn có thể cụ thể kích cỡ và loại font cho trình
duyệt

This is a paragraph.







This is another paragraph.

Xem ví
dụ

Thuộc tính của font

Thuộc tính	Ví dụ	Mục đích
size="number"	size="2"	Xác định kích cỡ
size="+number"	size="+1"	Tăng kích cỡ font
size="-number"	size="-1"	Giảm kích cỡ font
face="face-name"	face="Times"	Xác định tên font
color="color-value"	color="#eeff00"	Xác định màu chữ
color="color-name"	color="red"	Xác định màu chữ