Cách điền Nền Trong Html

Mục lục:

Cách điền Nền Trong Html
Cách điền Nền Trong Html

Video: Cách điền Nền Trong Html

Video: Cách điền Nền Trong Html
Video: Bài 12 - Background image 2024, Có thể
Anonim

Ngôn ngữ đánh dấu HTML cho phép bạn làm cho nền của trang trở thành một màu đồng nhất với bất kỳ màu nào, cũng như đặt các hình ảnh trên đó. Điều này giúp bạn có thể lấy văn bản, ví dụ, dựa trên phong cảnh hoặc kết cấu giấy.

Cách điền nền trong html
Cách điền nền trong html

Hướng dẫn

Bước 1

Khi chọn màu nền hoặc hình ảnh để đặt trên đó, hãy chủ yếu được hướng dẫn bởi tính dễ đọc của văn bản. Nền phải tương phản, nói cách khác, các nhân vật phải nổi bật rõ ràng trên đó. Nếu bạn quyết định làm hình nền, hãy đảm bảo rằng bạn là tác giả của hình ảnh hoặc có quyền sử dụng hình ảnh đó trên cơ sở hợp đồng (ví dụ: giấy phép miễn phí).

Bước 2

Tìm thẻ trong nguồn HTML của trang. Để làm cho nền đồng nhất và có màu, hãy thêm biến bkcolor với đối số là mã màu. Sau đó, cấu trúc sẽ giống như sau: <body bkcolor = rrggbb: gt;, trong đó rr, gg và bb là các số thập lục phân trong phạm vi từ 00 đến FF. Đầu tiên trong số họ đặt cường độ của thành phần màu đỏ, thành phần thứ hai - thành màu xanh lá cây và thành phần thứ ba - thành màu xanh lam.

Bước 3

Nếu bạn muốn đặt một hình ảnh trên nền, trước hết, hãy giảm kích thước của nó để nó có cả độ phân giải ngang và dọc nhỏ hơn 320 bao gồm cả. Lưu nó thành một tệp mới để tránh làm hỏng bản gốc. Vui lòng sử dụng định dạng JPG,.png

Bước 4

Sử dụng giao diện web hoặc ứng dụng khách FTP của phần mềm, đặt tệp hình ảnh vào thư mục máy chủ nơi chứa tệp HTML bạn đang chỉnh sửa.

Bước 5

Thay vì biến bkcolor, hãy thêm biến nền vào thẻ với đối số là tên của tệp hình ảnh. Bây giờ nó sẽ giống như sau: trong đó fon

Bước 6

Tải tệp HTML cập nhật lên máy chủ. Mở nó trong trình duyệt. Đảm bảo rằng nền được hiển thị chính xác. Nếu có một hình ảnh trên đó, nó sẽ lặp lại theo cả chiều ngang và chiều dọc, lấp đầy tất cả không gian trên trang. Kiểm tra xem văn bản trên nền mới đọc tốt như thế nào trong các trình duyệt khác nhau. Sử dụng màu hoặc tệp đồ họa khác nếu cần thiết.

Đề xuất: