Hình ảnh làm sống động trang web, thu hút khách truy cập, làm cho tài nguyên tươi sáng và đáng nhớ. Nếu không có ảnh và bản vẽ, bất kỳ trang web nào, ngay cả với văn bản rất thú vị và có giá trị, sẽ có vẻ nhàm chán và không hoàn thiện. Một thủ tục đơn giản để chèn hình ảnh vào trang web sẽ cho phép tài nguyên của bạn trở nên đầy màu sắc hơn và có được những khách truy cập thường xuyên mới.
Nó là cần thiết
- - trang web riêng
- - một bản vẽ được đặt trên trang web
- - biết mã HTML là gì
Hướng dẫn
Bước 1
Để tạo ảnh trên trang web, hãy tải ảnh lên bộ lưu trữ tệp của trang web. Các tệp có thể được tải lên trang web bằng cách sử dụng "trình quản lý tệp" hoặc qua ftp. Để được hướng dẫn cụ thể về cách tải tệp lên, hãy liên hệ với nhà cung cấp dịch vụ lưu trữ của bạn (bất kỳ ai lưu trữ trang web của bạn).
Bước 2
Sau khi tải xuống hình ảnh, hãy tìm liên kết đến nó. Liên kết đến ảnh của bạn sẽ như thế này: http: ⁄ ⁄ website / img1.jpg. Nếu bạn tìm thấy một bức tranh trên Internet và biết liên kết đến nó, tất nhiên, bạn có thể sử dụng một liên kết như vậy; nhưng tốt hơn hết bạn nên lưu ảnh này và tải nó lên trang của bạn thông qua "trình quản lý tệp", vì khi bạn xóa ảnh khỏi trang khác, nó cũng sẽ không được hiển thị trên tài nguyên của bạn.
Bước 3
Khi bạn nhận được liên kết đến hình ảnh bạn muốn, hãy dán nó vào giữa các dấu ngoặc kép trong mã HTML sau:. Bạn sẽ nhận được cấu trúc sau:. Thay vì "http: ⁄ ⁄ website / img1.jpg", phải có một liên kết đến ảnh của bạn. Mục nhập này phải được đặt ở vị trí chính xác trong mã HTML của trang web của bạn.
Bước 4
Nếu hình ảnh trên trang web cần được điều chỉnh kích thước, thì trong mã HTML, hãy chỉ định chiều rộng và chiều cao mong muốn của hình ảnh. Bản ghi chế độ xem cho biết chiều rộng của hình ảnh tính bằng pixel và bản ghi cho biết chiều cao của hình ảnh tính bằng pixel, trong đó số trong dấu ngoặc kép là số pixel. Mã chung của hình ảnh với các kích thước được chỉ định trông như sau:. Thay thế các số trong mã bằng chiều rộng và chiều cao mong muốn của hình ảnh.
Bước 5
Không thừa để chỉ ra tên của hình ảnh để khi xem trang web ở chế độ không có hình ảnh, người truy cập có thể hiểu những gì hình ảnh hiện diện trên trang web. Để thêm tiêu đề, hãy chèn mục nhập sau vào mã đầu ra hình ảnh: alt="Tiêu đề". Thay vì từ "Tiêu đề", hãy viết tên ảnh của bạn. Kết quả là hình ảnh trên trang web sẽ có mã HTML như sau:.