Cách Chèn Hình ảnh Vào Liên Kết

Mục lục:

Cách Chèn Hình ảnh Vào Liên Kết
Cách Chèn Hình ảnh Vào Liên Kết

Video: Cách Chèn Hình ảnh Vào Liên Kết

Video: Cách Chèn Hình ảnh Vào Liên Kết
Video: Gmail Tech Support - Cách chèn đường link vào hình ảnh nội dung thư Gmail 2024, Có thể
Anonim

Cú pháp của ngôn ngữ HTML cho phép bạn tạo các siêu liên kết không chỉ ở dạng văn bản mà còn ở dạng đồ họa. Đối với khách truy cập trang web, một liên kết như vậy trông giống như một hình ảnh, và khi bạn nhấp vào hình ảnh, bạn sẽ chuyển đến một trang web khác.

Cách chèn hình ảnh vào liên kết
Cách chèn hình ảnh vào liên kết

Hướng dẫn

Bước 1

Sử dụng bất kỳ trình chỉnh sửa đồ họa nào, hãy giảm hình ảnh. Kích thước của nó trong bất kỳ tọa độ nào không được vượt quá 200 pixel. Sẽ tốt hơn nếu bức tranh có bố cục theo chiều ngang. Ví dụ, đây có thể là một nút ảo, chữ khắc trên đó được làm bằng phông chữ nghệ thuật. Định dạng hình ảnh phải là một trong những định dạng sau: JPG, PNG, GIF. Cái đầu tiên được ưu tiên cho ảnh, và hai cái còn lại được ưu tiên cho nghệ thuật đường nét (đây là cách nén tốt nhất). Đảm bảo lưu kết quả của sự thay đổi dưới một tên mới để không làm hỏng bản gốc.

Bước 2

Tải tệp hình ảnh lên máy chủ trong thư mục chứa tệp HTML. Để thực hiện việc tải xuống như vậy, bạn có thể sử dụng giao diện web (nếu có sẵn từ nhà cung cấp dịch vụ lưu trữ) hoặc bất kỳ chương trình khách FTP nào.

Bước 3

Đặt đoạn mã sau vào vị trí mong muốn trong tệp HTML:, trong đó biểu thức sau toán tử "href =" là địa chỉ mà liên kết dẫn đến và someimage

Bước 4

Đối với một số người dùng, hiển thị hình ảnh trong trình duyệt bị tắt. Do đó, nên đặt phần giải thích nơi dẫn link ngay dưới bức tranh. Trong trường hợp đó, hãy sửa đổi đoạn mã trên để trông giống như sau:

Cận cảnh côn trùng. Văn bản giải thích sẽ xuất hiện bên dưới hình ảnh. Nhấp vào nó cũng sẽ đưa bạn đến liên kết.

Bước 5

Sau khi tải phiên bản cập nhật của tệp HTML lên máy chủ, hãy mở trang tương ứng trong trình duyệt, sau đó đảm bảo rằng hình ảnh được hiển thị và liên kết hợp lệ. Quá trình chuyển đổi dọc theo nó sẽ xảy ra khi bạn nhấp vào cả hình ảnh và vào dòng chữ giải thích nằm dưới nó (nếu có).

Đề xuất: