Bài 5. Chèn hình ảnh, âm thanh, video và sử dụng khung

1. Chèn hình ảnh

Khi tạo trang web, có thể thêm các nội dung đa phương tiện như hình ảnh, âm thanh, video để truyền tải thông tin hiệu quả, trực quan và sinh động hơn.

Cú pháp chèn hình ảnh trong HTML: 

<img src = “Tên tệp ảnh” alt = “Nội dung” width = “Chiều rộng” height = “Chiều cao”>

• src: xác định đường dẫn đến tệp ảnh.

• alt: mô tả ảnh – được hiển thị nếu ảnh không tải được.

• width, height: xác định kích thước ảnh (chiều rộng, chiều cao).

Lưu ý: ảnh sẽ được hiển thị theo kích thước gốc nếu không khai báo thuộc tính kích thước.

Ví dụ 1: Tệp ảnh “canhdieu.jpg”:

Lưu ý: Nếu không ghi rõ đường dẫn, ảnh cần nằm cùng thư mục với tệp HTML.

2. Chèn âm thanh

Cú pháp chèn âm thanh:

<audio src = “Tên tệp âm thanh” controls> </audio>

• src: đường dẫn đến tệp âm thanh.

• controls: hiển thị bảng điều khiển phát/tạm dừng/tắt/tăng giảm âm lượng…

Định dạng thường dùng: MP3, OGG.

Ví dụ 2: Tệp âm thanh “QueHuong.mp3”:

3. Chèn video

Cú pháp chèn video: 

<video src = “Tên tệp video” controls> </video>

• src: đường dẫn đến tệp video.

• controls: hiển thị bảng điều khiển phát/dừng/tắt âm lượng/phóng to...

Định dạng thường dùng: MP4, OGG.

Ví dụ 3: Tệp video “monguockyniemxua.mp4”:

4. Sử dụng khung

Cú pháp sử dụng iframe để nhúng tệp HTML hoặc trang web khác:

<iframe src=“url” width=“Chiều rộng” height=“Chiều cao”></iframe>​

• src: đường dẫn đến tài nguyên nhúng.

• width, height: xác định kích thước vùng hiển thị iframe.

Ví dụ 4: Nhúng trang web “Bai4-NV2.html”: