Cách Chèn Liên Kết đến ảnh Trong Html

Mục lục:

Cách Chèn Liên Kết đến ảnh Trong Html
Cách Chèn Liên Kết đến ảnh Trong Html

Video: Cách Chèn Liên Kết đến ảnh Trong Html

Video: Cách Chèn Liên Kết đến ảnh Trong Html
Video: Học html css - #4 - Chèn hình ảnh vào website 2024, Có thể
Anonim

Các bài đăng trên blog hoặc trên một tài nguyên khác có thể không chỉ chứa thông tin về một vấn đề cụ thể mà còn chứa các liên kết trực tiếp đến một nguồn thông tin hoặc một tài nguyên khác. Đặc biệt, trình soạn thảo HTML cho phép bạn định dạng các liên kết đến các tệp đồ họa.

Cách chèn liên kết đến ảnh trong html
Cách chèn liên kết đến ảnh trong html

Nó là cần thiết

Truy cập Internet

Hướng dẫn

Bước 1

Cách dễ nhất để thiết kế một liên kết, bao gồm một liên kết đến một bức tranh, bao gồm các thẻ sau: văn bản giải thích. Cung cấp liên kết đến chính tệp đồ họa làm địa chỉ trang, ví dụ: https://www.site.com/mypicure.jpg. Trong văn bản giải thích, bạn có thể chỉ ra tên của tệp hoặc các thông tin khác. Khi xem xong tin nhắn sẽ chỉ hiển thị, hình ảnh sẽ mở ra khi bạn nhấp chuột bằng con trỏ.

Bước 2

Hình ảnh có thể là một liên kết đến chính nó hoặc một tệp đồ họa khác. Đối với trường hợp như vậy, hãy chèn các thẻ sau:. Địa chỉ trang - địa chỉ sẽ mở ra khi bạn nhấp chuột; URL hình ảnh - URL của hình ảnh bạn muốn nhấp vào. Văn bản giải thích bật lên khi di chuột. Liên kết với thiết kế được chỉ định sẽ mở trong một cửa sổ mới.

Bước 3

Tuy nhiên, những chỉnh sửa này là tùy chọn nếu bạn chỉ muốn đăng một bức ảnh trong bài đăng của mình. Điều chính là biết địa chỉ của nó trên mạng. Chèn các thẻ:. URL của hình ảnh sẽ giống như sau:

Bước 4

Các thông số bổ sung cho phép bạn điều chỉnh kích thước của hình ảnh hiển thị. Để thực hiện việc này, hãy sử dụng các thẻ width = và height =. Không nhất thiết phải sử dụng cả hai, nếu bạn chỉ định một trong số chúng, tham số thứ hai sẽ thay đổi tương ứng. Sau thẻ, hãy đặt chiều cao hoặc chiều rộng mong muốn của hình ảnh bằng pixel. Kết quả có thể giống như sau:

Đề xuất: