Tiếp bài hôm nay chúng ta sẽ tìm hiểu về HTML Image Link Code, các bạn theo dõi bài đọc dưới đây.

1k

Trên đây là một ví dụ về một hình ảnh được liên kết. Bạn có thể sao chép và dán mã này vào tài liệu HTML của riêng bạn – chỉ cần thay đổi các giá trị của src, althref

Ví dụ này sử dụng HTML <img> <a> để tạo ra các hình ảnh được liên kết. Để biết thêm về các liên kết, hãy kiểm tra các liên kết HTML trang từ hướng dẫn HTML.

Image Link Code: No Border

2k

Image Link Code: Thumbnails

Bạn có thể liên kết đến một phiên bản lớn hơn của một hình ảnh. Khi bạn làm điều này, những hình ảnh nhỏ hơn thường được gọi là một “hình thu nhỏ” hoặc “hình thu nhỏ”.

3k

Khi sử dụng hình thu nhỏ, nó là tốt nhất để thay đổi kích thước hình ảnh sử dụng một trình biên tập hình ảnh (như trái ngược với chỉ thay đổi kích thước trong HTML). Điều này có nghĩa là bạn nên có hai hình ảnh: Một đầy đủ kích cỡ hình ảnh, và một (nhỏ hơn) hình ảnh thu nhỏ.

Templates

Bạn có thể sử dụng các mẫu sau đây như một cơ sở cho HTML mã liên kết hình ảnh của bạn. Đơn giản chỉ cần điền vào chỗ trống hoặc loại bỏ các thuộc tính uneeded.

Link Code Template

Để liên kết một hình ảnh, chỉ cần để nó bên trong một thẻ liên kết. Dưới đây là các thẻ siêu liên kết bao gồm tất cả các thuộc tính có thể.

Để giải thích về tất cả các thuộc tính, nhìn thấy <a>.

5k

Image Code Template

Dưới đây là các thẻ hình ảnh bao gồm tất cả các thuộc tính

Để giải thích về tất cả các thuộc tính, nhìn thấy <img>.

6k

Xem thêm:

Còn nhiều bài viết hữu ích tại thiết kế web, các bạn đón đọc nhé.

Trả lời

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *