Nội dung lý thuyết
Mọi phần tử HTML đều có thể có thuộc tính.
Thuộc tính có tác dụng bổ sung thông tin, làm rõ điều khiển được thẻ chỉ định.
tên_thuộc_tính = "giá_trị"
Một thẻ có thể có nhiều thuộc tính ngăn cách nhau bởi dấu cách.
thuộc_tính_1 = "giá_trị_1" thuộc_tính_2 = "giá_trị_2"
Thuộc tính được đặt trong thẻ mở, sau tên thẻ.
Thuộc tính thường dùng là style
có tác dụng thiết lập định dạng văn bản như màu sắc, kiểu chữ,...
Ví dụ: Thiết lập dòng chữ Tin học 12 OLM màu đỏ như sau:
<p style="color:red">Tin học 12 OLM</p>
Định dạng tiêu đề theo cấp độ bằng thẻ dạng <hx>
, trong đó x là số từ 1 đến 6 theo chiều giảm dần của cấp độ.
Thẻ tiêu đề có tác dụng xác định cấu trúc và nội dung trang web.
Xác định đoạn văn bản:
p
.Xác định khối nội dung:
div
hoặc span
.Thẻ div
sẽ bắt đầu trên dòng mới, thẻ span
bắt đầu trên cùng dòng đang viết.
Một số thẻ định dạng kiểu chữ như sau:
Kiểu chữ | Thẻ | Ví dụ | Hiển thị trên trình duyệt |
Chữ thường | <p> Đây là câu chuẩn </p> | Đây là câu chuẩn | |
Chữ đậm | <strong>; <b> | <p> Đây <strong> là câu </strong> chuẩn </p> | Đây là câu chuẩn |
Chữ in nghiêng | <em>; <i> | <p> Đây <em> là câu</em>chuẩn </p> | Đây là câu chuẩn |
Gạch chân | <u> | <p> Đây <u> là câu<u> chuẩn </p> | Đây là câu chuẩn |
Đánh dấu | <mark> | <p> Đây <mark> là câu </mark> chuẩn </p> | Đây là câu chuẩn |
Giảm cỡ chữ | <small> | <p> Đây <small> là câu </small> chuẩn </p> | Đây là câu chuẩn |
Chỉ số trên hoặc dưới | <sup>; <sub> | <p> Đây <sup> là câu </sup> chuẩn </p> | Đây là câu chuẩn |
Đánh dấu xóa (bằng nét gạch giữa chữ) | <del> | <p> Đây <del> là câu </del> chuẩn </p> | Đây là câu chuẩn |
Lưu ý: HTML 5 không hỗ trợ thẻ <big>
và <u>
, để điều khiển nên thay bằng giá trị font-size
và text-decoration
trong thuộc tính style
.
Sử dụng thuộc tính style
để định dạng thuộc tính màu sắc, phông chữ,...
<p style="color:màu">Nội dung</p>
<p style="font-family:tên phông">Nội dung</p>
<p style="font-size:cỡ">Nội dung</p>
Sử dụng các cặp tên: Giá trị được ngăn cách nhau bởi dấu ";".