Trong HTML, thẻ hình ảnh là gì?

Khi tạo một trang web bằng HTML, thẻ hình ảnh được sử dụng để chèn ảnh hoặc đồ họa ở một vị trí cụ thể trên trang.Có nhiều cách mà hình ảnh có thể được sử dụng trên các trang web, từ việc thêm sự quan tâm đến được sử dụng làm công cụ điều hướng hoặc để cung cấp thông tin.Ngoài ra còn có một số định dạng hình ảnh khác nhau có thể được sử dụng.Cho dù làm thế nào hoặc hình ảnh nào được thêm vào trang web, thẻ hình ảnh luôn được yêu cầu. Để thêm một hình ảnh, thẻ hình ảnh được bao gồm ở nơi bạn muốn hình ảnh xuất hiện trong trang của bạn.Chẳng hạn, nếu một hình ảnh được chèn sau đoạn này, thẻ hình ảnh hoặc lt; img gt ;, sẽ được thêm vào tài liệu HTML sau đoạn này.Thẻ lt; img gt;Xác định tất cả các hình ảnh trong HTML.Nó được gọi là một thẻ trống, vì nó chứa các thuộc tính và không có thẻ đóng.Các thuộc tính là các tùy chọn có sẵn cho một thẻ HTML cụ thể.

nếu chỉ lt; img gt;đã được thêm vào một tài liệu HTML, không có gì sẽ hiển thị vì các thuộc tính của thẻ chưa được đưa vào.Thuộc tính quan trọng nhất cho lt; img gt;là SRC, là viết tắt của Nguồn.Thuộc tính SRC trạng thái nơi thực sự đặt tệp hình ảnh hoặc đó là địa chỉ cho tệp hình ảnh.Vì hình ảnh đang được sử dụng trên một trang web, vị trí của hình ảnh sẽ được đưa ra dưới dạng URL.Trong tài liệu HTML, hình ảnh sẽ trông giống như: lt; img src ' url /gt;.

specify, URL trỏ đến nơi lưu trữ hình ảnh.Ví dụ: nếu hình ảnh của máy tính có tên tệp.jpg được lưu trong thư mục hình ảnh trên www.wisegeek.com, URL sẽ được thay thế bằng: lt; IMG SRC ' www.wiseGeek.com/Image/Computer.jpg / gt ;.Khi trình duyệt mở trang web, nó sẽ hiển thị hình ảnh trong đó thẻ hình ảnh được bao gồm.

Thẻ hình ảnh có một số thuộc tính khác nhau khác.Họ cho phép người dùng điều chỉnh cách hình ảnh nhìn trên trang.Các thuộc tính sau đây thường được sử dụng cho thẻ này: alt, đường viền, kích thước và căn chỉnh.Thuộc tính

Alt

là viết tắt của văn bản thay thế và nó được hiển thị nếu trình duyệt không thể hiển thị hình ảnh.Ngoài ra, văn bản thay thế được đọc cho những người dùng bị thách thức trực quan và chọn hiển thị văn bản qua hình ảnh.Đối với ví dụ trên, văn bản thay thế có thể được nêu là ALT ' hình ảnh của máy tính.

Thuộc tính

Thêm một đường viền vào hình ảnh với độ dày tùy thuộc vào số lượng pixel đã nêu.Điều này có thể đặc biệt hữu ích khi nền hình ảnh và nền trang web tương tự nhau, và một sự khác biệt rõ ràng là mong muốn.Ví dụ: Border ' 10 sẽ đặt đường viền dày 10 pixel xung quanh hình ảnh. Kích thước

Thuộc tính cũng rất quan trọng, vì chiều rộng và chiều cao có thể được sử dụng để chỉ định kích thước chính xác của hình ảnh.Các thuộc tính này cần được sử dụng rất cẩn thận, vì thay đổi chúng có thể ảnh hưởng đến tỷ lệ hoặc chất lượng của hình ảnh được hiển thị.Các thuộc tính kích thước không thay đổi tệp thực tế, chỉ cách trình duyệt hiển thị nó. Thuộc tính

Align

Chỉ định cách hình ảnh được căn chỉnh so với văn bản trên trang.Có một số lựa chọn khác nhau cho thuộc tính này, bao gồm trên cùng, dưới, giữa, trái, phải, absmiddle, absbottom, đường cơ sở và văn bản.Các thẻ này cũng giúp xác định cách văn bản trên trang thẳng hàng với hình ảnh.