X. Order List có thể dùng chữ cái Y.Dùng chữ A để khai báo.
Trang Web này dùng màu xanh làm nền và dược khai báo trong thành phần BODY.
Bài này sẽ giới thiệu 3 thuộc tính dùng cho thành phần BODY đó là chọn màu nền, dùng ảnh để làm nền, màu chữ với các Thẻ: bgcolor=, background= , text= .
Mặc nhiên, nếu không khai báo màu nền và màu chữ trong thành phần BODY, Trình duyệt sẽ tự động chọn màu trắng làm nền và màu đen cho chữ. Chúng ta có thể sử dụng một số thuộc tính dưới đây để thiết lập màu nền, ảnh nền và màu chữ cho trang Web theo ý muốn.
I-Màu nền: bgcolor= 1-Cú pháp:
Trong đó:
• bgcolor= :khai báo màu nền cho Web(viết tắt của background color).
• color :Màu cho nền(dùng tên màu hoặc giá trị Hexadecimal).
Ví dụ: Đọan Code sau đây lấy màu xanh làm nền
Trang Web này dùng màu xanh làm nền và dược khai báo trong thành phần BODY. thành phần BODY.
Thay vì sử dụng tên màu, bạn có thể thay thế bằng giá trị Hexadecimal (bạn nên sử dụng). Chẳng hạn, màu xanh trong ví dụ trên có giá trị Hex là: #0000FF. Vậy bạn có thể viết như sau:
Thay vì dùng bgcolor="blue", chúng ta có thể dùng giá trị Hex, bgcolor="#0000FF" cho màu xanh. bgcolor="#0000FF" cho màu xanh.
II-Dùng ảnh làm nền:
Để dùng ảnh làm nền cho thành phần , chúng ta có thể thay thế thuộc tính bgcolor bằng thuộc tính: background=
1-Cú pháp: Trong đó:
• imgname: nguồn và tên của ảnh nền.
Có 2 định dạng ảnh được hỗ trợ bởi phần lớn các Trình duyệt đó là ảnh GIF và JPG. Thông thường để tạo ảnh nền, nên dùng JPG vì định dạng này cho ảnh chất lượng cao. Bạn phải khai báo đúng tên đường dẫn đến ngăn lưu trữ file ảnh và đúng tên của tập tin ảnh (để ý tên tập là chữ viết thường hay viết hoa và khai báo cho đúng). Không nhất thiết phải chọn một tập tin ảnh có kích thước lớn làm nền. Mặc nhiên, khi chọn một ảnh cho nền, trình duyệt sẽ tự động trải ảnh này cho tòan bộ trang Web. Nghĩa là Browser sẽ tạo ra một ảnh lớn làm nền từ file ảnh nhỏ bằng cách trải và đặt chúng nằm liền nhau. Nếu ảnh nền không sử dụng hiệu ứng Seamless Tiding- một kỹ thuật làm liền viền như lót gạch hoa, thì giữa các ảnh dàn trải sẽ xuất hiện các đường viền khiến chúng không liền nhau. Để tránh trường hợp này, bạn phải dùng một chương trình xử lý ảnh để tạo ảnh liền viền. Xem bài Thực hành số 3-Bài 8 tài liệu hướng dẫn sử dụng Paintshop Pro 8. Dưới đây là 2 đọan code sử dụng ảnh nền cho trang Web. Với 2 ảnh mẫu bên dưới: Bạn nên lưu 2 file ảnh này vào thư mục chứa file thực hành.
Ảnh 1-Không liền viền. Ảnh 2-Liền viền.
Ví dụ: Đọan code dưới đây sử dụng ảnh làm nền.