Ảnh trong HTML

Ảnh JPG

Ảnh GIF

Ảnh PNG

Ví dụ :

Núi hùng vĩ

Xem hiệu quả

	Luôn đặt chiều rộng và chiều cao của một ảnh. Nếu chiều rộng và chiều cao không được xác định, trang sẽ nhấp nháy trong khi ảnh tải lên.

Cú pháp chèn ảnh trong HTML

Trong HTML, ảnh được định nghĩa với thẻ .

Thẻ là trống, nó chỉ chứa các thuộc tính, và không có thẻ đóng.

Các thuộc tính src xác định URL ( địa chỉ web) của ảnh:

“url“

alt =

“some_text“

>

Các thuộc tính alt

Thuộc tính alt định nghĩa một văn bản thay thế cho hình ảnh, nếu hình ảnh không thể hiện thị được.

Thuộc tính alt cung cấp thông tin thay thế cho một hình ảnh, nếu một người vì lí do nào đó không thể xem nó (vì kết nối mạng chậm, hoặc  lỗi trong thuộc tính src, hoặc nếu người dùng sử dụng một trình đọc màn hình).

Nếu trình duyệt không thể tìm thấy ảnh, nó sẽ hiển thị nội dung chứa trong alt:

Ví dụ :

Xem hiệu quả

Thuộc tính alt là bắt buộc. Một trang web sẽ không hợp lệ nếu thiếu nó.

Trình đọc màn hình hiển thị trong HTML

Trình đọc màn hình hiển thị là một chương trình ứng dụng mà hoàn toàn có thể đọc mọi thứ hiển thị trên màn hình hiển thị .
Trình đọc màn hình hiển thị này rất có ích cho người mù, khiếm thị hoặc học dạng khiếm thính .

	Trình đọc màn hình có thể đọc thuộc tính alt.

Kích thước ảnh – Width và Height

Bạn có thể sử dụng thuộc tính style để xác định chiều rộng và chiều cao cho một ảnh.

Các giá trị được lao lý tại những điểm ảnh px ( sử dụng px sau giá trị ) :

Ví dụ

Xem tác dụng

Ngoài ra bạn có thể sử dụng thộc tính width và height. Tại đây, giá trị được đặt mặc định theo đơn vị pixel:

Ví dụ :

Xem tác dụng

Width and Height or Style ?

Tất cả thuộc tính width, height, and style là phù hợp trong các tiêu chuẩn HTML5 mới nhất.

Chúng tôi gợi ý bạn nên sử dụng thuộc tính style. Nó sẽ tránh được việc thay đổi định kiểu được định ngĩa trong style sheet.

Ví dụ :