Thẻ <img> sẽ nhận vào đường dẫn của một file ảnh, nó có nhiệm vụ hiển thị file ảnh đó lên trình duyệt theo định dạng mà bạn muốn.
Cú pháp để hiển thị một hình ảnh trên trình duyệt như sau:

<img src="/anh.jpg" width="200" height="150" border="1" />

Ví dụ trên sẽ hiển thị một hình anh có tên "anh.jpg" lên trình duyệt với chiều rộng: 200px, chiều cao: 150px; và có đường viền = 1. Bạn có thể thay đổi tên ảnh, chiều rộng, chiều cao, đường viền  theo ý muốn.

Đôi khi bạn muốn trình bày trang web của bạn theo cấu  trúc của một tờ báo. Tức là ảnh một bên và chữ một bên. Trong trường hợp này có nhiều cách giải quyết. Bạn có thể dùng bảng. Nhưng để đơn giản hóa vấn đề, chúng tôi đưa ra ví dụ sau để các bạn tham khảo.

<img src="/anh.gif" align ="left" width="48" height="48">
đây là ví dụ về việc trình bày tài liệu HTML dạng 1 tờ báo. Bạn hãy tăng nội dung nên để thấy rõ kết quả.

Trong ví dụ trên chúng tôi sử dụng thuộc  tính align của thẻ <img> để đưa ảnh sang bên trái.
Thuộc tính align có các giá trị: absbottom, absmiddle, baseline, bottom, left, middle, right, texttop, top.
Bạn có thể thay đổi giá trị của thuộc  tính align sao cho phù hợp với mục đích.

Thuộc tính Alt:
Thuộc tính này sẽ có tác dụng khi ảnh của bạn không được load về vì một lý do nào đó. Trong trường hợp này giá trị của thuộc tính Alt sẽ được hiển thị lên thay vì hiển thị ảnh. Điều này giúp cho người đọc hiểu được phần nào ý nghĩa của ảnh.

Cú pháp như sau:

<img src="/anh.gif" align ="left" width="48" height="48" alt="Ảnh phong  cảnh.">

Trong ví dụ trên: Khi ảnh không được load về thì chữ: "Ảnh phong cảnh "sẽ được hiển thị đúng vị trí của ảnh.

Theo hotrolaptrinh

   "Tìm hiểu những hiện tượng bí ẩn và kỳ lạ"    www.bachkhoatrithuc.vn