"Tiêu đề", hoặc phần đầu của trang web, làm cho trang web của bạn trở nên độc đáo, cho phép nó khác biệt với những trang khác và phản ánh các chi tiết cụ thể của dự án Internet của bạn. Với sự trợ giúp của tiêu đề gốc và được tạo tốt, bạn có thể trang trí và tinh chỉnh bất kỳ trang web nào và để tự tạo tiêu đề, bạn cần học cách bố trí phần tử web này.
Hướng dẫn
Bước 1
Nếu bạn muốn trang web của mình có kích thước tĩnh, không đổi, bạn cần tạo tiêu đề tĩnh không thay đổi tùy thuộc vào sự thay đổi chiều rộng của màn hình. Xác định chiều rộng và chiều cao của tiêu đề (ví dụ: 996x230) và chèn hình nền vào khối trên cùng bằng cách sử dụng mã CSS sau, trong đó header-1.jpg
background: # a6b7d3 url (img / header-1.jpg) không lặp lại;
chiều rộng: 996px;
chiều cao: 230px;
} Mã HTML cho tiêu đề loại này sẽ giống như sau:
Bước 2
Nếu trang web được xây dựng theo cách mà kích thước của nó được điều chỉnh theo chiều rộng của màn hình, thì tiêu đề phải được sắp chữ có tính đến tất cả các độ phân giải màn hình chính. Chiều rộng tối đa của tiêu đề như vậy phải là 1920 pixel. Để chèn một tiêu đề như vậy, hãy sử dụng mã CSS: #header {background: # a6b7d3 url (img / header-2.jpg) trung tâm không lặp lại; height: 250px;} Mã HTML trong trường hợp này tương tự như trước đó. Mã CSS đã được thay đổi trong một số tham số - bây giờ nó có một thuộc tính để căn giữa hình ảnh tiêu đề, cho phép nó phù hợp với nền với bất kỳ chiều rộng màn hình nào.
Bước 3
Bạn cũng có thể tạo một tiêu đề phức tạp hơn, cắt thành nhiều khối nền, sẽ thay đổi vị trí của chúng tùy thuộc vào kích thước của khung nhìn. CSS cho tiêu đề như vậy phức tạp hơn và bao quát hơn, đồng thời liên quan đến việc lặp lại một số yếu tố nền phù hợp với kích thước nổi của cửa sổ trình duyệt mà trang web của bạn có thể được xem.
