Thuộc tính src [nguồn] hiển thị nguồn hình ảnh. Nó là bắt buộc, vì nó xác định đường dẫn đến hình ảnh. Giá trị của thuộc tính href có thể là tên tệp hoặc URL của nó
Thuộc tính alt xác định tên thay thế cho hình ảnh. Nó là bắt buộc đối với
Thuộc tính của thẻ HTML img
src và alt là các thuộc tính quan trọng của thẻ img HTML. Tất cả các thuộc tính của thẻ hình ảnh HTML được đưa ra dưới đây
1] src
Nó 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ó hướng dẫn trình duyệt tìm hình ảnh trên máy chủ ở đâu
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] thay thế
Thuộc tính alt xác định văn bản thay thế cho hình ảnh, nếu nó không thể hiển thị. Giá trị của thuộc tính alt mô tả hình ảnh bằng chữ. Thuộc tính alt được coi là tốt cho triển vọng SEO
3] chiều rộng
Nó là một thuộc tính tùy chọn được sử dụng để chỉ định chiều rộng để hiển thị hình ảnh. Nó không được khuyến khích bây giờ. Bạn nên áp dụng CSS thay cho thuộc tính chiều rộng
4] chiều cao
Nó h3 chiều cao của hình ảnh. Thuộc tính chiều cao HTML cũng hỗ trợ các phần tử iframe, hình ảnh và đối tượng. Nó không được khuyến khích bây giờ. Bạn nên áp dụng CSS thay cho thuộc tính chiều cao
Sử dụng thuộc tính chiều cao và chiều rộng với thẻ img
Bạn đã tìm hiểu về cách chèn hình ảnh vào trang web của mình, bây giờ nếu chúng tôi muốn cung cấp một số chiều cao và chiều rộng để hiển thị hình ảnh theo yêu cầu của chúng tôi, thì chúng tôi có thể đặt nó với các thuộc tính chiều cao và chiều rộng của hình ảnh
Thí dụ
Kiểm tra nó ngay bây giờđầu ra
Ghi chú. Luôn cố gắng chèn hình ảnh có chiều cao và chiều rộng, nếu không hình ảnh có thể nhấp nháy khi hiển thị trên trang web
Sử dụng thuộc tính alt
Chúng ta có thể sử dụng thuộc tính alt với
Làm cách nào để lấy hình ảnh từ một thư mục/thư mục khác?
Để chèn một hình ảnh vào trang web của bạn, hình ảnh đó phải có trong cùng một thư mục mà bạn đã đặt tệp HTML. Nhưng nếu trong một số trường hợp, hình ảnh có sẵn trong một số thư mục khác thì bạn có thể truy cập hình ảnh như thế này