Nền của trang có thể được đặt bằng HTML và CSS bằng cách chỉ định các lệnh thích hợp trong mã nguồn của tài liệu. Các thuộc tính được sử dụng trong ngôn ngữ đánh dấu được hầu hết các trình duyệt hiện đại hỗ trợ và sẽ hiển thị chính xác trên hầu hết mọi khách truy cập vào trang web của bạn.
Tham số nền
Mở tệp trang HTML của bạn để chỉnh sửa trong trình chỉnh sửa bạn đang sử dụng. Để làm điều này, bạn có thể nhấp chuột phải vào tài liệu và chọn phần "Mở bằng".
Cấu trúc của một tệp HTML là một loạt các bộ mô tả ở nhiều cấp độ và mục đích khác nhau. Mã trang thường bắt đầu bằng một thẻ. Phần này thường được theo sau bởi một phần chứa tiêu đề trang và mã CSS. Sau khi đóng bộ mô tả, phần nội dung của trang sẽ bắt đầu. Thuộc tính đặt hình nền của trang được đặt làm thông số nền bổ sung cho thẻ này. Mã để tạo nền trang sẽ giống như sau:
Trong trường hợp này, đường dẫn đến hình ảnh có thể là một URL (bắt đầu bằng https://). Vị trí có thể được chỉ định từ thư mục gốc (/root/folder/background.jpg) hoặc liên quan đến vị trí của tài liệu HTML đang được chỉnh sửa (ví dụ: thư mục / background.jpg).
Lưu các thay đổi của bạn và mở trang trong trình duyệt. Để thực hiện việc này, hãy nhấp chuột phải và chọn "Mở bằng". Trong danh sách được cung cấp, hãy chỉ ra tên của chương trình bạn đang sử dụng để duyệt Internet. Nếu thông số nền được đặt chính xác, bạn sẽ thấy hình nền được chỉ định trước đó. Nếu ảnh không được hiển thị, hãy kiểm tra tính đúng đắn của thuộc tính nền và đường dẫn đến tệp nền.
Tham số bgcolor
Để đặt màu nền không có ảnh, bạn có thể sử dụng lệnh bgcolor. Là một giá trị cho thuộc tính này, bạn có thể chỉ định tên màu bằng tiếng Anh hoặc sử dụng giá trị màu trong bảng HTML. Ví dụ:
Mã này cung cấp cho trang nền màu xanh lam. Nếu bạn muốn đặt một tông màu hoặc một màu chính xác hơn, hãy sử dụng các giá trị của bảng HTML:
Trong trường hợp này, màu # 002902 là màu được sử dụng cho trang.
Thuộc tính CSS
Bạn cũng có thể đặt nền bằng CSS trong các tham số:
Với CSS, bạn cũng có thể chỉ định hình nền cho trang thông qua background-image:
Sử dụng CSS và HTML cho kết quả giống nhau, tuy nhiên, nên sử dụng CSS khi thiết lập các thông số hiển thị trang.