Liên hệ
html

Thẻ <img /> chèn ảnh vảo HTML

Để chèn ảnh vào HTML sử dụng thẻ img, với thuộc tính src và alt, xác định chiều rộng và chiều cao ảnh bằng thuộc tính width và height

Thẻ <img> chèn hình ảnh vào HTML

Thẻ <img> được dùng để chèn một hình ảnh vào HTML. Thẻ này có vài thuộc tính và nó không có phần đóng thẻ. Địa chỉ URL dẫn đến vị trí của ảnh được xác định thông qua thuộc tính src.
Cú pháp chèn ảnh có dạng:
<img src="image.jpg" />

Vị trí URL ảnh phải nằm giữa dấu nháy kép "...", ví dụ bạn có một ảnh có tên "tree.jpg" lưu trữ cùng thư mục với file HTML, thì hiện thị ảnh có thể có dạng:

<html>
   <head>
      <title>Ví dụ về ảnh</title>
   </head>
   <body> 
      <img src="tree.jpg" alt="" />
   </body>
</html>

Trong trường hợp ảnh không hiện thị được (ví dụ ảnh bị xóa ...) thì thuộc tính alt là một văn bản thay thế sẽ hiện thị thay cho ảnh. Nói chung bất kỳ ảnh nào trong HTML thì thuộc tính alt yêu cầu nên có.

Điều chỉnh cỡ ảnh thẻ img

Điều chỉnh cỡ ảnh hiện thị bạn có thể chỉ ra chiều rộng và chiều cao của ảnh thông qua thuộc tính widthheight. Đơn vị sử dụng là pixelpx hoặc phần trăm %

<html>
   <head>
      <title>Thẻ IMG</title>
   </head>
   <body> 
      <img src="tree.jpg" height="150px" width="150px" alt="" />
      <!-- hoặc -->
      <img src="tree.jpg" height="50%" width="50%" alt="" />
   </body>
</html>

Khi sử dụng ảnh trong trang web, sẽ mất thời gian để tải ảnh về và hiện thị, nên bạn cần lưu ý chọn cỡ ảnh gốc sao cho phù hợp với yêu cầu hiện thị của trang

Đường viền khung ảnh - border

Mặc định, anh không có đường viền bao quanh. Để tạo đường viền bao quanh ảnh sử dụng thuộc tính border và chỉ ra kích cỡ của đường viền theo đơn vị px

Vui lòng đăng ký ủng hộ kênh