Cách đặt ảnh Trong HTML

Mục lục:

Cách đặt ảnh Trong HTML
Cách đặt ảnh Trong HTML

Video: Cách đặt ảnh Trong HTML

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

Văn bản trên trang web dễ đọc hơn nhiều khi được minh họa. HTML dành thẻ img cho mục đích này. Sử dụng nó kết hợp với các thẻ khác, bạn có thể làm cho một bức ảnh trở thành một liên kết hoạt động, bao gồm một phiên bản lớn hơn của cùng một bức ảnh.

Cách đặt ảnh trong HTML
Cách đặt ảnh trong HTML

Hướng dẫn

Bước 1

Nếu tệp hình ảnh và tệp HTML nằm trong cùng một thư mục, hãy sử dụng mã HTML sau để chèn hình ảnh: trong đó imagename.jpg

Bước 2

Nếu tệp hình ảnh được đặt trên cùng một máy chủ, nhưng trong một thư mục khác, hãy thay đổi cấu trúc này như sau: trong đó /folder/aosystemfolder/imagename.jpg

Bước 3

Đặt hình ảnh được lưu trữ trên các máy chủ khác một cách thận trọng - bảo vệ chống rửa trôi có thể được bật ở đó và sau đó thay vì hình ảnh mong muốn, khách truy cập vào trang của bạn sẽ thấy cảnh báo về biện pháp bảo vệ đó. Nếu không có biện pháp bảo vệ như vậy và chủ sở hữu của máy chủ bên thứ ba không phản đối việc chèn hình ảnh được lưu trữ ở đó vào các trang của người khác, hãy sử dụng đoạn mã sau: where https://server.domain/folder/aariesfolder/imagename.jpg

Bước 4

Để hình ảnh đồng thời là một liên kết đến một trang khác, hãy sử dụng mã sau:, trong đó linktext là địa chỉ liên kết (cục bộ hoặc toàn cầu).

Bước 5

Cuối cùng, để khi người dùng nhấp vào hình ảnh, người dùng có thể nhìn thấy bản sao được phóng to của nó, hãy thay đổi đoạn trước đó như sau: trong đó imagename-big.jpg

Đề xuất: