Bày trí nền và khung trong HTML – Phần 1





Khi
dùng ảnh làm nền cho trang Web cần phải nạp một tệp hình
ảnh. Như ta đã biết tệp ảnh thường có kích thước lớn, làm
chậm việc hiển thị trang tài liệu. Do đó cần chọn tệp ảnh có
kích thước nhỏ làm ảnh nền. Toàn bộ trang văn bản sẽ được
"lát nền" bằng hình ảnh này như ta lát nền nhà bằng gạch hoa.













1. Màu nền và văn bản
1.1 Đặt màu nền :

Để văn bản trở nên đẹp và hấp dẫn, đôi khi đặt nền cho trang siêu văn bản.

Thuộc tính BGCOLOR (Background Color). Dùng thuộc tính này kèm thẻ để đặt màu nền cho văn bản. Cú pháp như sau:




trong đó "#rrggbb" là red-green-blue, bộ ba số hai chữ số hệ đếm 16, xác định mã màu.

1.2 Màu chữ của văn bản :

Thuộc tính TEXT. Thuộc tính này để thiết lập màu cho các con
chữ trong văn bản, trừ các đầu mối liên kết phải có màu khác
đi.





1.3 Màu của đầu mối liên kết - Thuộc tính LINK, VLINK và ALINK :

Ba thuộc tính trên để đặt màu của các đầu mối siêu liên kết.

♦ LINK - đặt màu hiển thị trước khi nhấn chuột vào để đến thăm đích liên kết.

♦ VLINK - Đặt màu sau khi đích liên kết đã được đến thăm (visited).

♦ ALINK - đặt màu khi bạn kích hoạt, đang nhấn chuột vào (active).

Các màu mặc định là: LINK=blue, VLINK=purple and ALINK=red




Kết hợp cùng với nhau.




Lưu ý: Tổ hợp màu như trên chỉ được thiết đặt một
lần cho toàn văn bản. Hãy thận trọng khi lựu chọn để đảm bảo
dễ đọc, dễ nhìn.

1.4 Thuộc tính và mã màu :








Một vài mã màu hay dùng:




Tuy nhiên hiện nay nhiều trình duyệt chấp nhận dùng tên màu tiếng Anh thay cho các chữ số rất khó nhớ ở trên.

2. Nạp hình ảnh làm nền cho trang văn bản
2.1 Thuộc tính BACKGROUND :

Có thể dùng thuộc tính này để tạo một ảnh nền cho trang
tài liệu siêu văn bản. Thay cho xác định màu ta cần chỉ ra tên
tệp hình ảnh kèm đường dẫn.




Ví dụ:




Khi dùng ảnh làm nền cho trang Web cần phải nạp một tệp
hình ảnh. Như ta đã biết tệp ảnh thường có kích thước lớn,
làm chậm việc hiển thị trang tài liệu. Do đó cần chọn tệp
ảnh có kích thước nhỏ làm ảnh nền. Toàn bộ trang văn bản sẽ
được "lát nền" bằng hình ảnh này như ta lát nền nhà bằng
gạch hoa.

2.2 Water mark :

Nhiều trang web có nền trang trí gắn chặt cố định, còn phần
văn bản sẽ cuộn trôi bên trên mỗi khi ta di chuyển thanh trượt.
Hiệu ứng này được tạo ra nhờ thiết lập thêm thuộc tính cho
ảnh nền là




Ví dụ:





2.3 Hãy ký tên vào tài liệu của mình :

Một thông lệ nên tuân theo là "kí tên" vào tài liệu. Nó giúp
cho người đọc biết được những thông tin tối thiểu về tác giả
soạn ra tài liệu, thời gian cập nhật... Việc đưa thêm địa chỉ
của tài liệu Web vào cuối trang sẽ giúp cho người đọc lưu lại
được xuất xứ của trang tài liệu. Đó là chưa nói đến ý nghĩa
quan trọng của phần chữ kí này trong các tài liệu chính thức
hoặc có tính thương mại.

Phần chữ kí thường gồm các thông tin sau:

♦ Ngày khởi tạo lần đầu.

♦ Ngày sửa chữa cập nhật gần nhất.

♦ Tên (và e-mail) của tác giả.

♦ Tuyên bố về bản quyền (nếu cần).

♦ URL

Đoạn mã HTML của phần chữ kí đại loại có thể như sau:




Thẻ ... là mối
liên kết đến dịch vụ thư điện tử, khi trỏ chuột vào đây sẽ
kích hoạt dịch vụ e-mail để gửi đến địa chỉ nêu sau lệnh
mailto.

Hãy tập thói quen thêm chữ kí vào tài liệu của mình!

Hết phần 1



Nguồn: Sưu tầm Internet