Một trang web có nền có xu hướng trông đẹp hơn so với không có nó. Tính chính xác của việc hiển thị trang web phụ thuộc vào các hành động có thẩm quyền để thêm nền.
Hướng dẫn
Bước 1
Cách dễ nhất để tạo nền trong tài liệu html là gán giá trị thuộc tính cho thẻ body. Một giá trị nhất định cho thuộc tính nền sẽ xác định hình nền trên trang. Nếu bạn đặt giá trị của thuộc tính bgcolor, thì trang sẽ có màu nền. Màu trong thuộc tính bgcolor của thẻ body có thể được chỉ định ở dạng thập lục phân hoặc chỉ trong một từ.
Bước 2
Bạn có thể đạt được hiệu quả tương tự bằng cách sử dụng các biểu định kiểu CSS xếp tầng. Giá trị cho thuộc tính background-color sẽ xác định màu nền trên trang, trong khi giá trị cho thuộc tính background-image sẽ xác định đường dẫn đến hình nền của trang. Các hướng dẫn này có thể được ghi vào bộ chọn nội dung. Bạn có thể làm theo cách khác: gán một lớp hoặc mã định danh cho thẻ body trong thẻ html và gán các thuộc tính trên cho lớp hoặc mã định danh trong css, tương ứng. Chỉ cần lưu ý rằng nếu các thuộc tính được gán cho một lớp, thì tất cả các đối tượng có lớp được chỉ định sẽ có màu nền trong tài liệu html.
Bước 3
Các hướng dẫn trên có thể được viết trong phần nội dung của chính tài liệu html. Để thực hiện việc này, hãy mở thẻ kiểu trong phần dịch vụ giữa các thẻ head (mở và đóng). Bất kỳ câu lệnh CSS nào cũng có thể được viết giữa việc mở và đóng một thẻ nhất định. Chỉ nên lưu ý rằng trong trường hợp này, trọng lượng trang sẽ tăng lên, điều này có thể ảnh hưởng tiêu cực đến thời gian tải trang cho người dùng cuối. Cũng cần lưu ý rằng trong trường hợp chỉ định ảnh nền, nó có thể được lặp lại theo chiều ngang, chiều dọc hoặc dọc theo hai trục cùng một lúc. Thuộc tính background-repeat trong CSS chịu trách nhiệm về điều này. Hình nền có thể được gắn cố định bất kể sự hiện diện của thanh cuộn trong tài liệu. Để đạt được hiệu ứng này, bạn phải chỉ định background-attachment: fixed.
Bước 4
Nền của một tài liệu html có thể được thực hiện bằng các ngôn ngữ lập trình. Bạn có thể viết hướng dẫn html bằng JavaScript. Cấu trúc ngôn ngữ document.write phù hợp cho việc này. Nếu điều tương tự được thể hiện thông qua DOM, câu lệnh document.body.style.backgroundColor = “red” sẽ làm cho nền của trang có màu đỏ. Điều này cũng giống như cách viết thuộc tính thích hợp trực tiếp trong CSS.
Bước 5
Các hướng dẫn trước đó có thể được viết ngay trong mã của trang web bằng cách tạo một cặp thẻ script giữa thẻ mở đầu và thẻ đóng. Tuy nhiên, tất cả các hướng dẫn này có thể được viết thành một tệp riêng biệt với phần mở rộng js, sau đó, có thể được kết nối với trang.
