lập trình trực tuyến

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

Thẻ <img> là trống rỗng, có nghĩa là nó chỉ chứa các thuộc tính, và không có thẻ đóng.

Để hiển thị một hình ảnh trên một trang, bạn cần phải sử dụng thuộc tính src. Src là viết tắt của "nguồn". Giá trị của thuộc tính src là địa chỉ URL của hình ảnh bạn muốn hiển thị.

Cú pháp để xác định một hình ảnh:

URL chỉ đến vị trí mà hình ảnh được lưu trữ. Một hình ảnh có tên là "boat.gif", nằm trong thư mục "hình ảnh" trên "www.lutip.com" có URL: 

http://www.lutip.com/images/boat.gif.

Trình duyệt hiển thị hình ảnh nơi mà thẻ <img> xảy ra trong tài liệu. Nếu bạn đặt một thẻ hình ảnh giữa hai đoạn văn, trình duyệt cho thấy đoạn đầu tiên, sau đó các hình ảnh, và sau đó đoạn thứ hai.

Yêu cầu thuộc tính alt xác định một văn bản thay thế cho hình ảnh, nếu hình ảnh không thể được hiển thị.

Giá trị của thuộc tính alt là một văn bản tác giả được xác định:

Thuộc tính alt cung cấp thông tin thay thế cho một hình ảnh nếu người dùng đối với một số lý do không thể xem nó (vì kết nối chậm, một 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).

Chiều cao và chiều rộng thuộc tính được sử dụng để xác định chiều cao và chiều rộng của hình ảnh.

Các giá trị thuộc tính được quy định tại các điểm ảnh theo mặc định:

Mẹo: Đó là một thực hành tốt để xác định cả hai chiều cao và các thuộc tính chiều rộng cho một hình ảnh. Nếu các thuộc tính này được thiết lập, không gian cần thiết cho hình ảnh được dành riêng khi trang web được tải. Tuy nhiên, nếu không có những thuộc tính, trình duyệt không biết kích thước của hình ảnh. Hiệu quả sẽ được rằng cách bố trí trang sẽ thay đổi trong quá trình tải (trong khi các hình ảnh tải).

Lưu ý: Nếu một tập tin HTML chứa các hình ảnh mười - mười một tập tin được yêu cầu để hiển thị bên phải trang. Tải hình ảnh cần có thời gian, vì vậy lời khuyên tốt nhất của tôi là: Sử dụng hình ảnh một cách cẩn thận.

Lưu ý: Khi một trang web được tải, nó là trình duyệt, vào thời điểm đó, mà thực sự được hình ảnh từ một máy chủ web và chèn nó vào trang. Vì vậy, hãy chắc chắn rằng những hình ảnh thực sự ở lại trong cùng một chỗ liên quan đến trang web, nếu không truy cập của bạn sẽ nhận được một biểu tượng liên kết bị hỏng. Biểu tượng liên kết bị phá vỡ được hiển thị nếu trình duyệt không thể tìm thấy hình ảnh.