Hình ảnh không chỉ được chèn trực tiếp vào văn bản. Trình duyệt được cho biết tên và hướng dẫn vị trí và vị trí của nó trên màn hình. Để làm điều này, hãy sử dụng một thẻ HTML img. Nó chỉ định vị trí của đối tượng đồ họa trên trang web.
Nếu nhiều thuộc tính là tùy chọn cho các thẻ, thì thẻ img phải có ít nhất một tham số - địa chỉ của hình ảnh. Thuộc tính này được gọi là src:
- - điều này sẽ hiển thị tệp dê-j.webp" />
- - với tham số này của thẻ img, trình duyệt sẽ tải hình ảnh được đăng trên Internet trên trang megasellmag.ru.
Thuộc tính căn chỉnh
Để định vị hình ảnh trên trang bằng HTML, thẻ img được sử dụng, các thuộc tính của thẻ này chịu trách nhiệm đặt hình ảnh trên trang và bản chất của gói văn bản.
Theo mặc định, trình duyệt đặt hình ảnh ở giữa màn hình và văn bản không bao quanh nó. Thẻ img sẽ cho phép bạn thể hiện sự không đồng ý của mình với trình duyệt bằng cách sử dụng thuộc tính align (căn chỉnh).
- hình ảnh sẽ được đặt ở mép trái của trang và văn bản sẽ nằm xung quanh nó ở bên phải.
Hành vi của văn bản sẽ tương tự nếu hình ảnh được đặt ở bên phải (align=right), ở giữa (align=middle), trên cùng (align=top), dưới cùng(align=bottom) và center (chính giữa).
Cài đặt và kích thước
Để ngăn văn bản chui vào hình ảnh, thẻ img đã có các thuộc tính đặc biệt -hspace (lề ngang / ngang) và vspace (lề dọc / dọc), xác định lượng thụt lề văn bản từ các cạnh của hình ảnh trong pixel.
Hình ảnh sẽ không chỉ ngoan ngoãn di chuyển ra khỏi văn bản theo số lượng được chỉ định mà còn di chuyển ra khỏi mép của trang, vì vậy tốt nhất bạn nên tránh thụt lề lớn.
Kích thước hình học của hình ảnh rất quan trọng, không chỉ mong muốn mà đôi khi chỉ cần chỉ định để hình ảnh hiển thị chính xác. Đối với điều này, các thuộc tính width (chiều rộng) và chiều cao (height) được sử dụng, giá trị của chúng được đặt bằng pixel hoặc phần trăm.
Nếu bạn chỉ xác định chiều rộng, chiều cao sẽ được chọn tự động với tỷ lệ ban đầu. Kích thước phần trăm cho phép bạn đặt hình ảnh vào phần bên phải của trang, bất kể kích thước của cửa sổ trình duyệt là bao nhiêu và nhu cầu này thường nảy sinh.
Tùy chọn khác
Thuộc tính border bao bọc hình ảnh trong khung có độ dày được chỉ định, điều mà trình duyệt không làm theo mặc định.
Đường viền cũng có thể có độ rộng bằng 0 dường như vô nghĩa (border='0'), nhưng đó là cho đến khi hình ảnh trở thành một liên kết, khi đó trình duyệt sẽ tự động khoanh tròn nó bằng một đường viền màu xanh lam mà không cần chờ hướng dẫn.
Một số người dùng thiếu kiên nhẫn, tức giận với tốc độ internet thấp, sẽ chỉ cần tắt hiển thị hình ảnh. Đối với những trường hợp như vậy, tham số alt được cung cấp, cho phép bạn nhậpvăn bản thay thế mà người dùng sẽ thấy trong hộp tải hình ảnh gấp.
Nếu bạn không thích khả năng của tham số alt, thẻ img có thể cung cấp thuộc tính longdesc, giá trị của thuộc tính này là URL của tài liệu có mô tả chi tiết hơn.
Thuộc tính usemap và ismap cho trình duyệt biết rằng hình ảnh sẽ là hình ảnh trong đó các siêu liên kết là các khu vực riêng biệt (bản đồ liên kết), chỉ có tham số usemap xác định bản đồ điều hướng trên máy chủ và ismap - bản đồ trên phía khách hàng.
Mô tả liên kết 1 trong hình bên dưới:
Hàng ngoại
Thuộc tính lowsrc hướng dẫn trình duyệt tải xuống trước tiên một bản sao (hoặc bản thay thế khác) của hình ảnh gốc với chất lượng thấp hơn và do đó, một hình ảnh "nhẹ hơn". Thủ thuật này được cung cấp trong trường hợp tốc độ Internet thấp cho người dùng. Hình ảnh gốc khi được tải lên sẽ thay thế cho hình ảnh "giả".
Thuộc tính galleryimg ít được sử dụng hơn của thẻ img gọi bảng điều khiển hình ảnh (khi di chuột qua), cho phép bạn mở thư mục Ảnh của tôi mặc định và in, lưu hoặc gửi hình ảnh qua email. Bạn có thể tắt bảng điều khiển bằng cách đặt thông số galleryimg thành không / sai và bật nó bằng cách đặt có / đúng.
Trong đặc tả HTML5 mới, một số thẻ có một số thông số không được dùng nữa. Ví dụ: các thuộc tính lowsrc, border, longdesc và name của img đã bị gỡ bỏ.
