Cách Chèn Biểu Tượng Vào Trang Web

Mục lục:

Cách Chèn Biểu Tượng Vào Trang Web
Cách Chèn Biểu Tượng Vào Trang Web

Video: Cách Chèn Biểu Tượng Vào Trang Web

Video: Cách Chèn Biểu Tượng Vào Trang Web
Video: Cách thêm icon vào html/css 2024, Có thể
Anonim

Bản gốc và liên kết với chủ đề của trang web, biểu tượng sẽ được khách truy cập ghi nhớ và cho phép họ nhanh chóng xác định tài nguyên. Nó sẽ được hiển thị ở bên trái của dấu trang, cũng như bên cạnh các trang bị loại bỏ nhờ tìm kiếm.

Cách chèn biểu tượng vào trang web
Cách chèn biểu tượng vào trang web

Hướng dẫn

Bước 1

Chuẩn bị một hình ảnh để sử dụng làm biểu tượng. Hình ảnh không được lớn và bao gồm nhiều yếu tố. Cố gắng bám vào các hình dạng hình học đơn giản: hình tròn, hình tam giác, hình vuông. Một lựa chọn thú vị sẽ là tên viết tắt của dự án, bao gồm 2-3 chữ cái. Nếu không thể tìm được sự kết hợp thì nên sử dụng tranh ảnh chuyên đề thông thường sẽ tốt hơn. Nhưng đừng quá nhỏ - trên một tệp đồ họa nhỏ, nhiều chi tiết sẽ đơn giản là hợp nhất, không cho khách truy cập có cơ hội nhìn thấy chúng.

Bước 2

Nếu trang web được tạo bằng các trang html đơn giản, trong trường hợp này, hãy sử dụng lệnh:. Bạn cần phải chèn nó vào, vị trí không tạo ra sự khác biệt cơ bản. Để thêm hình ảnh, hãy tải nó lên máy chủ hoặc sử dụng dịch vụ lưu trữ tệp cho mục đích này. Khi chọn phương pháp thứ hai, bạn cần nhớ rằng ngay sau khi hình ảnh không có sẵn tại địa chỉ, biểu tượng sẽ không còn được hiển thị.

Bước 3

Tốt hơn là cài đặt một biểu tượng trên một trang web được quản lý bởi cms bằng cách tạo một tệp riêng biệt có phần mở rộng.ico. Nó phải được tải lên thư mục gốc của trang web bằng các chương trình đặc biệt, chẳng hạn như FileZilla. Sau đó, bạn cần thêm nó vào lệnh. Sau khi thực hiện các hành động như vậy, biểu tượng của bạn sẽ được hiển thị chính xác trong tất cả các trình duyệt.

Bước 4

Ngoài ra còn có một cách dễ dàng hơn để tạo hình thu nhỏ. Truy cập trang web https://favicon.ru/ và tải ảnh lên đó. Nhấp vào "Tải xuống favicon.ico" - tài liệu mới sẽ được tải xuống. Bây giờ, hãy điền nó vào thư mục gốc của trang web và thêm phần sau vào trước thẻ:

Đề xuất: