Chèn hình ảnh vào website là một vấn đề cực kì căn bản cho các bạn mới học web. Để chèn một hình ảnh vào website, thông thường cách duy nhất người ta thường dùng thẻ img. Và trong bài viết ngày hôm nay mình sẽ hướng dẫn chi tiết cho các bạn học tập làm quen với thẻ này.
Code để chèn hình ảnh có cấu trúc như sau:
<img src="url_hinh_anh">
Ví dụ:
Thuộc Tính Của Thẻ Img Rất Nhiều Nên Mình Chỉ Giới Thiệu 3 Thuộc Tính Phổ Biến Sau:
- 1: Thuộc tính Scr (Xác định đường dẫn tham chiếu của image)
<img src="http://i.imgur.com/Nr0xKfD.jpg">(Bạn có thể lấy url hình ảnh khác tại đây)
Thuộc Tính Của Thẻ Img Rất Nhiều Nên Mình Chỉ Giới Thiệu 3 Thuộc Tính Phổ Biến Sau:
- 1: Thuộc tính Scr (Xác định đường dẫn tham chiếu của image)
Ví Dụ: <img src="https://i.imgur.com/Nr0xKfD.jpg">- 2: Thuộc tính Alt (Xác định text thay thế cho image.)
Ví Dụ: <img src="url_khong_ton_tai" alt="hình ảnh">- 3: Thuộc tính Width và Height (Xác định chiều rộng và chiều cao cho hình ảnh)
Ví Dụ: <img width="560px" height="231" src="https://i.imgur.com/Nr0xKfD.jpg">
Ngoài ra còn nhiều thuộc tính khác nữa, bạn có thể tham khảo tại đây
Cuối cùng là cấu trúc cơ bản của một website khi có thẻ img:
<!DOCTYPE html>
<html>
<body>
<img src="https://i.imgur.com/Nr0xKfD.jpg">
</body>
</html>
--- Chúc Các Bạn Học Tập Thật Tốt ---
![[HTML] Tự Học Cách Chèn Hình Ảnh Vào Web.](https://2.bp.blogspot.com/-y90Tv6PsEcg/XELOxB06WxI/AAAAAAAAACM/MpqxX2kJmfIHnQXLgQlWlXEKwemvsd-VgCLcBGAs/s72-c/thumbnail.png)
- Không hiểu cứ đặt comment nhé!
- Nên convert code trước khi chèn vào bình luận, nếu không sẽ không hiển thị code.
EmoticonEmoticon