Skip to main content

Cách thích hợp để sử dụng thẻ hình ảnh HTML là gì?

Hình ảnh thường được thêm vào các trang web để làm cho chúng trông hấp dẫn và thú vị hơn so với một trang của văn bản thuần túy.Sử dụng thẻ HTML, thật dễ dàng để thêm hình ảnh vào bất kỳ trang web nào.Thẻ này cũng có một số thuộc tính hoặc đặc điểm mà bạn có thể chỉ định. Khi thêm hình ảnh vào trang web, điều quan trọng cần nhớ là hình ảnh không thực sự là một phần của tệp tạo nên trang web.Các tệp được sử dụng cho trang web là các tệp riêng biệt với tất cả các tệp hình ảnh.Thẻ hình ảnh HTML đề cập đến trình duyệt web đến tệp hình ảnh cụ thể cho hình ảnh mà bạn muốn hiển thị.Khi trang web được hiển thị trong trình duyệt, tệp hình ảnh được hiển thị cùng với bất kỳ tệp nào khác tạo nên trang đó. Mã cho thẻ hình ảnh HTML là: lt; img src ' vị trí hình ảnh / gt ;.Vị trí hình ảnh là tên tệp cho hình ảnh bạn muốn được hiển thị và nơi lưu trữ hình ảnh.Điều quan trọng là bạn có được thông tin này chính xác để đảm bảo hình ảnh được hiển thị đúng.Tổ chức và lưu trữ hình ảnh mà bạn muốn sử dụng trên trang web của mình là những cân nhắc quan trọng. Một số người lưu trữ hình ảnh của họ trong cùng thư mục với tất cả các phần khác trong các trang web của họ.Trong trường hợp này, khi bạn tham khảo hình ảnh, bạn sẽ chỉ bao gồm tên tệp trong thẻ hình ảnh HTML.Khi một trang web có một số hình ảnh, người ta thường tạo một thư mục con, thường được gọi là

hình ảnh.Trong trường hợp này, tên thư mục con cũng sẽ được bao gồm trong thẻ. Ví dụ, đây là những gì chúng ta sẽ làm để chèn hình ảnh của một cây, tên tệp.jpg, lên một trang web.Nếu chúng tôi đã lưu trữ hình ảnh cây ở cùng một nơi với các tệp trang web khác của chúng tôi, thẻ hình ảnh HTML sẽ là lt; img src ' tree.jpg gt ;.Nếu tệp hình ảnh được lưu trữ trong thư mục con trong thư mục trang web của chúng tôi, thẻ sẽ được thay đổi thành lt; img src ' hình ảnh/cây.jpg gt ;.Điều quan trọng cần nhớ là thẻ hình ảnh HTML cung cấp một tham chiếu hoặc đường dẫn cho tệp hình ảnh.Về cơ bản, nó cho biết trình duyệt nơi tìm tệp.

Thẻ hình ảnh HTML có một số thuộc tính có thể được chỉ định cho hình ảnh bạn muốn bao gồm.Các thuộc tính là đặc điểm của chính thẻ và vì vậy chúng được sử dụng trong thẻ hoặc giữa lt;và gt ;.Các thuộc tính được sử dụng với thẻ hình ảnh HTML là:

align mdash;Chỉ định cách hình ảnh của bạn được căn chỉnh liên quan đến văn bản trên trang của bạn (trái, phải, trên, giữa, giữa)

alt mdash;Đề cập đến văn bản thay thế.Đây là một thuộc tính rất quan trọng và nên được bao gồm cho tất cả các hình ảnh của bạn.Nó chỉ định văn bản được hiển thị thay vì hình ảnh

Border mdash;Thêm một đường viền vào hình ảnh của bạn, với độ dày được chỉ định trong pixel

  • Chiều cao và chiều rộng mdash;Có thể được sử dụng để xác định chiều rộng và chiều cao của hình ảnh bạn muốn hiển thị, cho phép bạn thay đổi kích thước của hình ảnh.Hãy cẩn thận bằng cách sử dụng các thuộc tính này vì bạn có thể thay đổi chất lượng của hình ảnh và tỷ lệ, dẫn đến hình ảnh chất lượng kém

  • vspace và hspace mdash;được sử dụng để thêm khoảng trắng xung quanh hình ảnh của bạn.