Hướng dẫn why cant i put an image in html? - tại sao tôi không thể đặt một hình ảnh trong html?

Tôi muốn chèn một hình ảnh vào trang HTML của mình nhưng tôi luôn nhận được điều này là kết quả:

Nhưng tôi muốn đặt bức ảnh này vào trang HTML của mình

Đây là mã:

<img id="avatar" width="100" height="100" src="image/avatar.jpg"/>

Tôi cũng lưu trữ hình ảnh trong thư mục hình ảnh của tôi.

Tôi hy vọng ai đó có thể giúp tôi.

Đã hỏi ngày 23 tháng 11 năm 2016 lúc 18:13Nov 23, 2016 at 18:13

5

Giả sử đường dẫn nói chung là chính xác, bạn cần thêm / trước đường dẫn, nếu không, nó gợi ý đó là đường dẫn so với trang hiện tại của bạn.

Nếu bạn hiện đang ở example.com/page1 thì

<img id="avatar" width="100" height="100" src="image/avatar.jpg"/>

tương đương với example.com/page1/images/avatar.jpg

<img id="avatar" width="100" height="100" src="/image/avatar.jpg"/>

tương đương với example.com/images/avatar.jpg

Thông báo tôi đã thay đổi thuộc tính src để bao gồm một /

Bạn cũng nên thử dán URL trực tiếp vào trình duyệt của mình (sau tên miền) để kiểm tra hình ảnh có thể truy cập công khai.

Đã trả lời ngày 23 tháng 11 năm 2016 lúc 18:16Nov 23, 2016 at 18:16

Roshan Bhumbraroshan BhumbraRoshan Bhumbra

5101 Huy hiệu vàng9 Huy hiệu bạc17 Huy hiệu đồng1 gold badge9 silver badges17 bronze badges

/ ban đầu chỉ vào gốc.

Hãy thử điều này

<img id="avatar" width="100" height="100" src="image/avatar.jpg"/>

Đã trả lời ngày 23 tháng 11 năm 2016 lúc 18:36Nov 23, 2016 at 18:36

7

Với kinh nghiệm từ điều này từ quá khứ của tôi, tôi cũng có vấn đề này và nó đơn giản. Thẻ hình ảnh của bạn là ...

<img id="avatar" width="100" height="100" src="image/avatar.jpg"/>

Trong phần src của thẻ

<img id="avatar" width="100" height="100" src="image/avatar.jpg"/>

Nếu bạn nhận được hình ảnh từ PC của bạn thì hãy làm như sau. Lưu ý rằng việc chém lúc đầu không áp dụng cho đường dẫn của hình ảnh trên PC của bạn ...

<img id="avatar" width="100" height="100" src="image/avatar.jpg"/>

Nếu hình ảnh trên internet, hãy làm như Roshan Bhumbra đã nói ...

<img id="avatar" width="100" height="100" src="image/avatar.jpg"/>

J.Carter :)

Đã trả lời ngày 24 tháng 11 năm 2016 lúc 5:32Nov 24, 2016 at 5:32

J. Carterj. CarterJ. Carter

191 Huy hiệu bạc6 Huy hiệu đồng1 silver badge6 bronze badges

Thêm

<img id="avatar" width="100" height="100" src="image/avatar.jpg"/>

<img id="avatar" width="100" height="100" src="~/image/avatar.jpg"/>

Đã trả lời ngày 23 tháng 11 năm 2016 lúc 18:19Nov 23, 2016 at 18:19

JAFARBTECHJAFARBTECHjafarbtech

6.6021 Huy hiệu vàng35 Huy hiệu bạc55 Huy hiệu Đồng1 gold badge35 silver badges55 bronze badges

Bài viết gần đây

Vị trí là tất cả: Tài nguyên đi đến của bạn để học & xây dựng: CSS, JavaScript, HTML, PHP, C ++ và MySQL.

• Hình ảnh trong các trang web của bạn có thể không tải như mong đợi và điều này dẫn đến trải nghiệm người dùng khó chịu (UX).
• Có nhiều lý do tại sao đồ họa có thể không tải trên trang web của bạn. Rất may, có rất nhiều giải pháp cho vấn đề này.
  • Nội dung
  • Tại sao hình ảnh của tôi không hiển thị trong HTML?
• Khắc phục sự cố này
• - Kiểm tra các thuộc tính hình ảnh
• Đặc điểm
• Các thuộc tính quan trọng nhất
  • - Thuộc tính
  • - Thuộc tính
• Cách thứ hai để sử dụng thuộc tính là thông qua URL tương đối nơi nó tạo liên kết đến một hình ảnh nằm trong các tệp trang web. Trong trường hợp sử dụng này, nếu nó không chứa một dấu gạch chéo, nó sẽ liên quan đến trang web hiện tại, ví dụ: SRC = Vai đoạn example_img.jpg. Tuy nhiên, nếu nó chứa một dấu gạch chéo, nó có liên quan đến toàn bộ miền, ví dụ: src = hình/hình ảnh/example_img.jpg.

Hình ảnh trong các trang web của bạn có thể không tải như mong đợi và điều này dẫn đến trải nghiệm người dùng khó chịu (UX).

Có nhiều lý do tại sao đồ họa có thể không tải trên trang web của bạn. Rất may, có rất nhiều giải pháp cho vấn đề này.reasons why your HTML image not showing in browser is that its file is not located in the same folder that is indicated within your tag. Also, the image may not load because the file name specified in the

• Các thuộc tính nền tảng của thẻ bao gồm ‘SRC, và‘ Alt. Chúng chỉ ra đường dẫn hình ảnh và văn bản thay thế cho hình ảnh tương ứng.
• Thuộc tính mô tả một danh sách các tệp đồ họa có thể được sử dụng làm lựa chọn thay thế cho một hình ảnh trong trang web của bạn.

Bất cứ khi nào một hình ảnh không tải trong HTML, các nhà phát triển có thể tuân theo các hướng dẫn khắc phục sự cố được mô tả ở trên. Thẻ IMG có thể được sử dụng cùng với các thuộc tính cụ thể để chèn thành công đồ họa trực quan vào một trang web. Như vậy, nó là một yếu tố thiết yếu để phát triển trang web.