Bạn có thể sử dụng mã HTML sau đây để nhúng một hình ảnh vào tài liệu HTML của bạn. Mã này sử dụng thẻ <img>, đó là thẻ chính thức để sử dụng cho việc gắn hình ảnh trên các trang web.

Ví dụ:

1f

Thuộc tính

Các thẻ <img> chấp nhận các thuộc tính trong bảng sau:

đặc tính Sự miêu tả
alt Văn bản thay thế. Này quy định văn bản được sử dụng trong trường hợp các đại lý của trình duyệt / người dùng không thể làm cho hình ảnh.
src Vị trí của hình ảnh.
crossorigin Thuộc tính này là một thiết lập thuộc tính CORS. CORS là viết tắt của Cross-Origin Resource Sharing . Mục đích của cáccrossoriginthuộc tính là để cho phép bạn cấu hình các yêu cầu CORS cho dữ liệu lấy của phần tử. Các giá trị cho cáccrossoriginthuộc tính được liệt kê.Giá trị có thể:

Giá trị Sự miêu tả
anonymous Giữa các gốc CORS yêu cầu cho các phần tử sẽ không có các thiết lập thông tin cờ. Nói cách khác, sẽ không có trao đổi thông tin người dùng thông qua các tập tin cookie, giấy chứng nhận SSL client-side hoặc chứng thực HTTP.
use-credentials Giữa các gốc CORS yêu cầu cho các phần tử sẽ có các thiết lập thông tin cờ.

Nếu thuộc tính này không được xác định, CORS không được sử dụng ở tất cả.

Một từ khóa không hợp lệ và một chuỗi rỗng sẽ được xử lý như các anonymous giá trị.

ismap Đối với bản đồ hình ảnh.
usemap Đối với bản đồ hình ảnh.
width Xác định chiều rộng của hình ảnh.
height Chỉ định chiều cao của hình ảnh.

Background Image code

Bạn cũng có thể thêm một hình ảnh cho hình nền , thêm văn bản và các yếu tố khác xuất hiện ở phía trước của hình ảnh. Bạn có thể làm nhiều điều với hình ảnh nền, chẳng hạn như làm cho nó lặp lại, thay đổi vị trí của nó, thay đổi kích thước của nó, và nhiều hơn nữa.

Hình ảnh nền được định nghĩa khác nhau với những hình ảnh cận cảnh (như trong ví dụ trên). Hình ảnh nền được xác định bằng cách sử dụng CSS background-image và có thể được áp dụng cho bất kỳ phần tử HTML nào.

Dưới đây là một ví dụ cơ bản của một hình ảnh nền.

3f

Xem thêm:

Còn nhiều bài viết hữu ích tại thiết kế web, các bạn đón đọc nhé.

Trả lời

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *