Insert images
Ví dụ về chèn hình ảnh.

Insert images from different locations
Ví dụ về chèn hình ảnh từ một website khác.

Thẻ Img và thuộc tính src

Trong HTML, hình ảnh được định nghĩa bằng thẻ <img>

<img> không có thẻ đóng.

Để hiển thị một hình ảnh trên một trang, bạn cần sử dụng thuộc tính src. Src viết tắt của chữ source. Giá trị của src là URL của hình ảnh bạn muốn xuất hiện trên web của bạn.

URL trỏ đến nơi bạn chứa hình ảnh. Ví dụ , một hình ảnh Quang-cao-google.jpg được lưu ở thư mục images/stories/tuvan/ trên giaiphapphaplienket.com sẽ có đường dẫn thế này.

http://giaiphaplienket.com/images/stories/tuvan/Quang-cao-goolge.jpg

Nếu bạn đặt thẻ img giữa các thẻ đoạn văn thì hình ảnh sẽ xuất hiện chính giữa các đoạn văn.

Thuộc tính Alt

Thuộc tính alt dùng để định nghĩa một dạng text bổ sung cho hình ảnh. Giá trị của thuộc tính Alt là text.

Thuộc tính alt kể cho người đọc biết họ đang đọc hình gì nếu như trình duyệt không tải được ảnh. Trình duyệt sẽ xuất hiện text của alt thay vì hình ảnh. Thủ thuật này cũng rất tốt khi bạn thiết kế web để quảng cáo trên google.

Mẹo :

Nên sử dụng hình ảnh phù hợp, vì nếu quá nhiều hình ảnh có thể gây ra sự tải chậm của website.

Background image
Ví dụ về hình nền

Aligning images
Ví dụ về canh lề hình ảnh.

Let the image float
Ví dụ về giữ nguyên hình ảnh khi di chuyển thanh chạy.

Adjust images to different sizes
Ví dụ chỉnh kích cở của hình ảnh.

Display an alternate text for an image
Ví dụ về sử dụng thuộc tính alt trong thẻ <img>

Make a hyperlink of an image
Ví dụ về sử dụng <img> để liên kết.

Create an image map
Ví dụ về bản đồ hình ảnh.

Thẻ hình ảnh