Ảnh trong HTML

Nội dung chính

Ảnh trong HTML
Các thuộc tính của thẻ img
Các trình duyệt hộ trợ thẻ img

Thẻ img trong HTML được sử dụng để hiển thị hình ảnh trên trang web. Thẻ img là một thẻ trống chỉ chứa các thuộc tính và không có thẻ đóng.

Ví dụ 1:

<h2>Hiển thị ảnh trong HTML</h2>  
<img src="/images/html/good-morning.jpg" alt="Good Morning!"/>

Kết quả:

Ví dụ 2: ảnh không tồn tại, khi đường dẫn ảnh không tồn tại trình duyệt sẽ hiển thị văn bản được định nghĩa trong thuộc tính alt

<h2>Hiển thị ảnh trong HTML</h2>  
<img src="/images/html/good-morning2.jpg" alt="Good Morning!"/>

Kết quả:

Các thuộc tính của thẻ img

src và alt là các thuộc tính quan trọng của thẻ img trong HTML. Dưới đây là tất cả các thuộc tính của thẻ img trong HTML.

1. Thuộc tính src

Đây là một thuộc tính cần thiết mô tả nguồn hoặc đường dẫn của hình ảnh. Nó chỉ thị trình duyệt nơi để tìm kiếm hình ảnh trên máy chủ.

Vị trí của hình ảnh có thể nằm trên cùng một thư mục hoặc máy chủ khác.

2. Thuộc tính alt

Thuộc tính alt xác định một văn bản thay thế cho hình ảnh, nếu nó không thể được hiển thị. Giá trị của thuộc tính alt mô tả hình ảnh bằng văn bản. Thuộc tính alt sử dụng có lợi cho SEO.

3. Thuộc tính width

Nó là một thuộc tính tùy chọn được sử dụng để xác định chiều rộng để hiển thị hình ảnh. Bạn nên sử dụng CSS với thuộc tính width để điều chỉnh thay vì sử dụng thuộc tính width trong thẻ img.

3. Thuộc tính height

Nó là một thuộc tính tùy chọn được sử dụng để xác định chiều cao để hiển thị hình ảnh. Bạn nên sử dụng CSS với thuộc tính height để điều chỉnh thay vì sử dụng thuộc tính height trong thẻ img.