Cách Thêm Hình ảnh Vào Trang Web

Mục lục:

Cách Thêm Hình ảnh Vào Trang Web
Cách Thêm Hình ảnh Vào Trang Web

Video: Cách Thêm Hình ảnh Vào Trang Web

Video: Cách Thêm Hình ảnh Vào Trang Web
Video: Học html css - #4 - Chèn hình ảnh vào website 2024, Có thể
Anonim

Bất kỳ trang web nào cũng nhàm chán nếu không có đồ họa. Hình ảnh giúp làm cho trang của bạn đẹp và nhiều thông tin hơn, và nhiều thông tin sẽ dễ dàng truyền tải đến người đọc hơn với sự trợ giúp của các hình vẽ trực quan. Rất dễ dàng để chèn một hình ảnh vào một trang web.

Cách thêm hình ảnh vào trang web
Cách thêm hình ảnh vào trang web

Hướng dẫn

Bước 1

Đầu tiên, chọn ảnh mà bạn muốn chèn vào trang. Đảm bảo rằng nó không có bản quyền và bạn sẽ không gặp bất kỳ vấn đề gì khi sử dụng nó trên trang web của mình. Trong mọi trường hợp, bạn nên xóa bản quyền của tác giả. Tốt hơn hãy kiểm tra với anh ta và xin phép sử dụng hình ảnh.

Bước 2

Tải ảnh lên máy chủ lưu trữ trang web của bạn hoặc bất kỳ ngân hàng ảnh nào (ví dụ: radikal.ru). Sao chép địa chỉ của ảnh và lưu nó vào tài liệu văn bản.

Bước 3

Thẻ chính mà hình ảnh được hiển thị trên trang web là nơi, thay vì dấu hoa thị, bạn phải chèn URL của hình ảnh. Nếu bạn viết thẻ theo cách này, hình ảnh trên trang web của bạn sẽ được hiển thị ở kích thước ban đầu và có viền màu tím xung quanh.

Bước 4

Nếu bạn muốn xóa đường viền, thì thẻ sẽ trông như thế này:. Mặt khác, nếu bạn muốn có đường viền xung quanh hình ảnh, hãy chỉ định kích thước mong muốn bằng pixel thay vì bằng không. Và với sự trợ giúp của thuộc tính bordercolor, bạn có thể đặt màu viền mong muốn. Ví dụ: một bức ảnh được gắn thẻ sẽ có viền đen bốn pixel.

Bước 5

Với sự trợ giúp của thuộc tính được chỉ định, bạn có thể thay đổi kích thước của bức tranh. Để thực hiện việc này, hãy đặt vào thẻ các giá trị của thông số chiều rộng và chiều cao, các giá trị này cho biết chiều rộng và chiều cao của hình ảnh, tương ứng. Các giá trị bạn cần phải bằng pixel và được đặt trong dấu ngoặc kép.

Bước 6

Để bức tranh phù hợp với cấu trúc của trang web, nó phải được đặt chính xác. Thuộc tính align trong thẻ sẽ giúp bạn điều này. Nó có thể nhận các giá trị khác nhau: trái, phải và trung tâm. Tùy chọn đầu tiên có nghĩa là ảnh sẽ được đặt ở bên trái của trang, tùy chọn thứ hai - ở bên phải, trong khi tùy chọn thứ ba sẽ cho phép bạn đặt ảnh ở giữa trang. Các giá trị này cũng phải được đặt trong dấu ngoặc kép.

Bước 7

Sau khi bạn đã viết xong thẻ ảnh, hãy dán thẻ đó vào cấu trúc trang web của bạn và lưu các thay đổi. Nếu bạn đã làm đúng mọi thứ, hình ảnh sẽ xuất hiện trên trang của bạn.

Đề xuất: