Xin chào các bạn quay lại blog của mình. Trong bài này mình sẽ giới thiệu các bạn về thẻ
Như các bạn thấy thì thẻ hình ảnh có thuộc tính src để xác định nơi mà chúng ta chứa hình ảnh [Có thể là trên web hoặc có thể trên máy tính của mình]. Thuộc tính alt thì xác định thêm thông tin về hình ảnh [Nếu như hình ảnh không hiện thị thì những dòng chữ trong thuộc tính này sẽ xuất hiện]. Bây giờ hãy xem ví dụ để hiểu rõ hơn nhé:
Đầu tiên các bạn tạo cho mình 1 thư mục có cấu trúc như sau:
Ở đây thì các bạn có thể lấy bất cứ hình ảnh nào cũng được nhưng quan trọng là phải đúng đường dẫn thì trình duyệt mới hiện thị hình ảnh được nhé.
Bước tiếp theo là mình tạo cấu trúc cho file HTML bài 5:
HTML bài 5
Thẻ Hình Ảnh
Sau đó các bạn tạo chèn thẻ
Cuối cùng chúng ta sẽ có kết quả như sau:
Ngoài 2 thuộc tính src và alt của thẻ thì mình sẽ giới thiệu thêm một số thuộc tính khác của thẻ hình ảnh. Đó là thuộc tính height và width giúp chúng ta điều chỉnh độ cao và độ dài của hình ảnh sao cho phù hợp với nội dung của trang web. Các bạn xem ví dụ để nắm rõ hơn nhé!
See the Pen Thẻ hình ảnh với chiều cao va chieu dài by haycuoilennao19 [@haycuoilennao19] on CodePen.
Có một chú ý nhỏ là không nhất thiết các bạn phải lưu hình ảnh vào máy tính rồi sau đó mới có thể sử dụng. Ví dụ dưới đây giúp các bạn hiểu rõ hơn cách lấy hình ảnh từ đường dẫn trên trang web để chèn vào file HTML của mình :
Mã Code HTML