Để giải quyết bài toán này, ta cần xem xét thuộc tính width="300" trong đoạn mã HTML. Thuộc tính này đặt chiều rộng của hình ảnh là 300 pixel.

Ban đầu, hình ảnh có kích thước 600x800. Khi chiều rộng thay đổi thành 300 pixel, ta cần tính toán chiều cao mới để giữ đúng tỷ lệ của ảnh gốc. Để làm điều này, ta sử dụng công thức tỷ lệ như sau:

\[ \text{Chiều cao mới} = \frac{\text{Chiều cao cũ} \times \text{Chiều rộng mới}}{\text{Chiều rộng cũ}} \]

Thay các giá trị vào công thức:

\[ \text{Chiều cao mới} = \frac{800 \times 300}{600} = 400 \]

Vậy, kích thước mới của ảnh trên trình duyệt là 300x400 pixel.

Đáp án đúng là: D. 300x400.

Khi xử lý vấn đề liên quan đến hình ảnh trong HTML:

• Luôn giữ nguyên tỷ lệ (aspect ratio) để tránh làm biến dạng ảnh.
• Sử dụng thuộc tính width hoặc height, một trong hai thuộc tính này sẽ điều chỉnh kích thước tương ứng để giữ tỷ lệ.
• Nếu chỉ định cả hai thuộc tính, cả chiều rộng và chiều cao sẽ bị ép theo giá trị được chỉ định, có thể gây biến dạng ảnh.