Cách Nhúng ảnh Vào Trang Web Bằng Html

Mục lục:

Cách Nhúng ảnh Vào Trang Web Bằng Html
Cách Nhúng ảnh Vào Trang Web Bằng Html

Video: Cách Nhúng ảnh Vào Trang Web Bằng Html

Video: Cách Nhúng ảnh Vào Trang Web Bằng Html
Video: BÀI 2: Chèn ảnh vào trang web bằng html và css 2024, Có thể
Anonim

Các bài báo trên Internet có vẻ khô khan và không đầy đủ nếu văn bản không được pha loãng với các phương tiện bổ sung. Cách trang trí đơn giản nhất và dễ tiếp cận nhất của bài đăng trên blog hoặc trang web là hình ảnh minh họa. Nó có thể được xuất bản bằng cách sử dụng các thẻ đặc biệt.

Cách nhúng ảnh vào trang web bằng html
Cách nhúng ảnh vào trang web bằng html

Nó là cần thiết

  • - truy cập Internet;
  • - hình ảnh.

Hướng dẫn

Bước 1

Người ta tin rằng có thể xuất bản trực tiếp các hình ảnh được lưu trữ trên máy tính. Đây là một lỗi: nếu máy tính của bạn không phải là máy chủ 24/7, hình ảnh sẽ không được hiển thị trong thông báo.

Bước 2

Tải ảnh lên một bộ nhớ đặc biệt, như Yandex.fotka hoặc Ipicture.ru. Điều quan trọng là tệp có thể xem được và luôn trực tuyến. Mở hình ảnh trên trang mục tiêu và sao chép URL từ dòng tương ứng.

Bước 3

Bắt đầu soạn tin nhắn của bạn ở chế độ HTML. Chèn các thẻ sau:. Thay cho thẻ, hãy dán địa chỉ đã sao chép của tệp đồ họa.

Bước 4

Kiểm tra sự chèn đúng trong chế độ xem trước. Tệp sẽ được hiển thị trong cửa sổ ở kích thước ban đầu. Nếu không có hình ảnh, hãy kiểm tra độ chính xác của địa chỉ đã nhập.

Bước 5

Nếu bạn đã tải lên một hình ảnh lớn và muốn hiển thị nó theo tỷ lệ, hãy điều chỉnh các thẻ. Sau dấu ngoặc kép đóng, hãy chèn thẻ width = hoặc height = và sau đó là kích thước mong muốn tính bằng pixel. Ví dụ:. Trong trường hợp này, bạn sẽ nhận được một bức ảnh được định hướng theo chiều dọc với chiều cao 800 pixel.

Bước 6

Khi tạo kiểu với các thẻ sau, kích thước không được điều chỉnh, nhưng một khung sẽ xuất hiện xung quanh hình:. Màu khung là đỏ, độ dày là 5 pixel. Thay đổi các tùy chọn thích hợp để phù hợp với màu sắc và kích thước bạn muốn.

Đề xuất: