Chèn hình ảnh - Images Tag - P2

Chèn hình ảnh - Images Tag - P2

  2:33 AM    Người

---

Trog bài trước chúng ta đã biết cách chèn hình ảnh trên HTML. Trong bài này sẽ giúp làm những hình ảnh đó đẹp và phù hợp với bố cục của cả trang.
Kích thước của ảnh
Dùng width (chiều rộng) và height (chiều cao) để tùy chỉnh lại kích thước của ảnh
Câu lệnh:

<img src="link" alt="Đoạn text" weight="...px" height="...px">

Bạn thấy tấm ảnh này trong bài trước, có vẻ hơi nhỏ:

Thay đổi width để làm bức ảnh lớn lên
Câu lệnh:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJjfsmqUVM_ayvjRt5_9a9tUETByG_e-ymk08rBxQsDNBzL2MUc5J7yKE4Q2k3DTJFJjWXqQI1-xv1g5cvSTjWoWfH69UnJeydQHFGap2CBhaZD3naxQScYmZiliGoi0YuA41bYXiRmlM/w431-h585-no/awesome-baby-0.jpg" alt="Baby dễ thương" width="200" />

Kết quả:
Có thể điều chỉnh height nếu cần thiết
Câu lệnh:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJjfsmqUVM_ayvjRt5_9a9tUETByG_e-ymk08rBxQsDNBzL2MUc5J7yKE4Q2k3DTJFJjWXqQI1-xv1g5cvSTjWoWfH69UnJeydQHFGap2CBhaZD3naxQScYmZiliGoi0YuA41bYXiRmlM/w431-h585-no/awesome-baby-0.jpg" alt="Baby dễ thương" height="300" />

Kết quả: