Font size
WorksheetsF5: Chèn hình ảnh, âm thanh, video và sử dụng khung
Total questions: 15
Worksheet time: 15mins
Một học sinh viết đoạn mã sau: <img src="hinhanh.jpg" width="500">.
Điều gì sẽ xảy ra với chiều cao (height) của hình ảnh này trên trình duyệt?
Hình ảnh sẽ không hiển thị vì thiếu thuộc tính height.
Chiều cao sẽ tự động điều chỉnh tỷ lệ thuận với chiều rộng 500px để giữ nguyên tỷ lệ khung hình gốc.
Chiều cao sẽ mặc định là 500px (hình ảnh trở thành hình vuông).
Chiều cao sẽ hiển thị theo kích thước gốc ban đầu của ảnh, bất kể chiều rộng đã thay đổi.
Trong thẻ <iframe>, tài liệu có đề cập đến một hạn chế quan trọng về việc định dạng vị trí. Hạn chế đó là gì?
Không thể thay đổi kích thước chiều rộng và chiều cao của khung iframe trên trang web hiện tại.
Không thể đặt khung iframe ở vị trí bất kỳ trên trang web hiện tại.
Không thể điều chỉnh vị trí hiển thị của các thành phần nằm bên trong trang web được nhúng từ trang web hiện tại.
Không thể nhúng một trang web có chứa video vào trong iframe.
Đoạn mã sau đây có lỗi cú pháp gì dựa trên chuẩn HTML được học?
<img src="anh.jpg" width="300" height="200"></img>
Thiếu thuộc tính alt.
Thẻ img là thẻ rỗng, không được có thẻ đóng </img>.
Giá trị width và height bắt buộc phải có đơn vị px đi kèm (ví dụ 300px).
Thuộc tính src phải đặt cuối cùng.
Phân tích đoạn mã sau: <video src="phim.mp4" width="800"></video>.
Tại sao người dùng không thể bấm nút "Play" (Phát) khi trang web tải xong?
Vì thiếu thuộc tính autoplay.
Vì thiếu thuộc tính controls để hiển thị thanh điều khiển.
Vì định dạng MP4 không được hỗ trợ nếu thiếu file OGG dự phòng.
Vì chưa khai báo thuộc tính height.
Đoạn mã nào sai thuộc tính của ảnh?
<img src="a.png" alt="A">
<img src="a.png" width="300" height="200">
<img scr="a.png" alt="A">
<img src="a.png" alt="A" width="50">
Nếu thuộc tính src trong thẻ <img> bị sai đường dẫn hoặc hình ảnh bị xóa khỏi máy chủ, điều gì sẽ xảy ra trên trình duyệt của người dùng?
Trang web sẽ báo lỗi 404 và không hiển thị bất cứ nội dung nào khác.
Trình duyệt sẽ tự động tìm một hình ảnh khác trong cùng thư mục để thay thế.
Một biểu tượng ảnh lỗi sẽ hiện ra, kèm theo nội dung của thuộc tính alt (nếu có).
Trình duyệt sẽ ẩn hoàn toàn thẻ img đó như thể nó chưa từng tồn tại.
Một học sinh muốn chèn nhạc nền cho website nhưng không muốn hiển thị trình phát nhạc (thanh controls) và muốn nhạc tự tắt tiếng (mute). Mã nào sau đây hợp lý nhất?
<audio src="nhac.mp3" controls muted></audio>
<audio src="nhac.mp3" autoplay muted></audio>
<audio src="nhac.mp3" loop></audio>
<audio src="nhac.mp3" hidden></audio>
HTML định nghĩa phần tử (a) để nhúng một trang web khác (ví dụ: bản đồ, video youtube, hoặc một file html nội bộ) vào trang web hiện hành.
Điền từ còn thiếu vào câu sau:
"Mặc dù thẻ iframe cho phép nhúng trang web khác, nhưng lập trình viên không thể điều chỉnh (a) hiển thị các thành phần bên trong trang web được nhúng đó."
Để chèn một hình ảnh nằm trong thư mục cha của thư mục hiện tại, đường dẫn trong thuộc tính src phải bắt đầu bằng chuỗi kí tự (a)
Thẻ <iframe> được sử dụng để nhúng một trang web khác vào trang hiện tại, nhưng nó không thể tự động điều chỉnh chiều cao theo nội dung bên trong mà phải được quy định cứng bằng thuộc tính (a) .
Về đơn vị kích thước mặc định khi hiển thị ảnh/khung nhúng, chọn đáp án đúng:
width, height mặc định tính theo pixel.
width, height mặc định tính theo mm.
width, height áp dụng được cho cả ảnh và iframe.
Nếu không khai báo width, height thì mặc định tính theo inch.
Chọn các phát biểu đúng về việc dùng src và lưu trữ tệp ảnh:
Nếu src chỉ ghi tên ảnh thì ảnh phải cùng thư mục với file HTML.
Nếu src có kèm đường dẫn thì ảnh có thể nằm ở thư mục khác.
Nếu src chỉ ghi tên ảnh thì ảnh có thể ở bất kỳ thư mục nào cũng được.
src không thể chứa đường dẫn.
HS chèn ảnh bằng link Internet, chọn tất cả phát biểu đúng:
Có thể chèn ảnh từ Internet bằng cách dán link vào src.
Nếu mất mạng hoặc nguồn ảnh thay đổi, ảnh có thể không hiển thị.
Ảnh chèn từ Internet luôn ổn định hơn ảnh lưu cục bộ.
Khi dùng ảnh Internet thì src không được chứa đường dẫn.
Một học sinh viết đoạn mã <video src="gioithieu.mkv" controls></video> để chèn video vào trang web, nhưng video không hoạt động trên trình duyệt. Dựa vào nội dung bài học, hãy chọn TẤT CẢ các nhận định đúng để giải thích nguyên nhân hoặc đưa ra hướng khắc phục phù hợp:
Định dạng MKV không nằm trong danh sách các định dạng video thường dùng trên trang web (MP4, OGG) được đề cập trong bài học.
Để video hoạt động ổn định trên hầu hết các trình duyệt, học sinh nên chuyển đổi tệp video sang định dạng MP4.
Học sinh có thể sử dụng định dạng OGG để thay thế, vì đây cũng là định dạng thường dùng cho video và có kích thước tệp nhỏ hơn MP4.
Lỗi này xảy ra là do thẻ <video> chỉ hỗ trợ phát hình ảnh không có tiếng, muốn phát video có tiếng phải đổi thành thẻ <audio>.
