Bài F4. Thêm dữ liệu đa phương tiện vào trang web SVIP

1. Thêm tệp ảnh vào trang web

Với thẻ <img>, đoạn mã để chèn ảnh có thể như sau:

Sau đây là một số thuộc tính thông dụng:

• src là bắt buộc, để chỉ đường dẫn tới tệp ảnh.
• alt cung cấp văn bản thay thế khi việc hiển thị ảnh bị lỗi, giúp người đọc hình dung ra nội dung bức ảnh. 
• Sử dụng các thuộc tính điều chỉnh kích thước (tính bằng pixel) là width, height.
• title hiển thị chú thích khi người dùng di chuyển con trỏ chuột lên ảnh.

2. Thêm tệp video và âm thanh vào trang web

Để chèn video hoặc âm thanh vào trang web, ta sử dụng thẻ <video> và <audio> được hỗ trợ trong hầu hết các trình duyệt, định dạng của các tập tin đa phương tiện có thể sử dụng vẫn phụ thuộc vào trình duyệt.

• Hai định dạng tệp video phổ biến nhất là mp4 và webm. Định dạng mp4 chạy được trực tiếp trên hầu hết các trình duyệt.
• Ba định dạng tệp âm thanh phổ biến được hỗ trợ bởi hầu hết trình duyệt hiện tại là mp3, wav và ogg.
• Để chèn tệp video hay âm thanh vào trang web, ta sử dụng thẻ <video> hoặc <audio>:

Hai thẻ có các thuộc tính cơ bản giống img và một số thuộc tính khác: 

• controls: là thuộc tính boolean, không cần có giá trị, để trình duyệt hiển thị các thành phần điều khiển như nút phát/tạm dừng, điều khiển âm lượng,... 
• autoplay: là thuộc tính boolean, không cần có giá trị, cho phép trình duyệt chạy video ngay khi hiển thị. 
• poster: cung cấp đường dẫn đến tệp ảnh, dùng để hiển thị khi chưa chạy video. Thẻ <audio> không có thuộc tính width, height và poster.

Sử dụng thẻ <sources> trong cặp thẻ <video> hay <audio> để chỉ định các loại định dạng khác nhau. Trình duyệt sẽ tự động tìm và hiển thị tệp tin với định dạng mà nó hỗ trợ.