Đề bài

Chức năng các thuộc tính của thẻ <img> khi thêm tệp ảnh vào trang web là gì?

Phương pháp giải

Thẻ <img> gồm các thuộc tính: src, alt, width,...

Lời giải của GV Loigiaihay.com

Thẻ <img> với các thuộc tính src, alt, with, height,…được dùng để thêm tệp ảnh vào trang web. Thẻ <img> chỉ có thể mở thẻ, không có thẻ đóng.

- src: đường dẫn của tệp ảnh.

- alt: nếu không hiển thị được hình ảnh, trình duyệt sẽ hiển thị văn bản trong thuộc tính alt thay thế.

- width: chiều rộng hiển thị của ảnh theo đơn vị pixel.

- height: chiều cao hiển thị của ảnh theo đơn vị pixel.

- title: hiển thị chú thích khi người dùng di chuyển con trỏ chuột lên ảnh.

Các bài tập cùng chuyên đề

Bài 1 :

Có những điểm gì khiến em thấy hứng thú hơn khi xem các trang web so với đọc sách.

Xem lời giải >>
Bài 2 :

Hãy kể tên các định dạng tệp ảnh mà em biết. Phân loại chúng vào nhóm đồ họa vectơ hoặc đồ họa điểm ảnh.

Xem lời giải >>
Bài 3 :

Thẻ <img> chỉ dùng khi chèn ảnh jpg vào trang web có đúng không?

Xem lời giải >>
Bài 4 :

Hãy Nêu một số trường hợp có thể xảy ra lỗi khi hiển thị ảnh

Xem lời giải >>
Bài 5 :

Quan sát đoạn mã sau và xác định tên đoạn mã này có chức năng gì?

<video src=”video/war_is_over.mp4 ”with=”300” height= “250” autoplay>

Xem lời giải >>
Bài 6 :

Thuộc tính scr có tác dụng gì đối với thẻ audio?

Xem lời giải >>
Bài 7 :

Trong các bài đăng có đính kèm video, một số trang web sẽ hiển thị nội dung video trong một khung và cho phép tương tác bên trong khung đó. Em có nhận xét gì về giao diện của cả trang khi thực hiện các thao tác bên trong khung này?

Xem lời giải >>
Bài 8 :

Viết các câu lệnh để tạo hai khung nội tuyến có kích thước bằng nhau, hiển thị song song (theo phương ngang) trên trang web.

Xem lời giải >>
Bài 9 :

Cho ảnh có kích thước gốc là 720x 450 Pixel chèn ảnh vào trang web bằng câu lệnh: 

<img src= “images/1.png” alt = “ chiếc lá” width 600>. 

Hỏi ảnh trong trang web có kích thước bao nhiêu?

Xem lời giải >>
Bài 10 :

Chèn thêm một số ảnh của mình vào trang web giới thiệu bản thân (em đã tạo ở phần luyện tập, Bài 10).

Xem lời giải >>
Bài 11 :

Tạo một khung nội tuyến và liên kết đến bài hát em yêu thích (ví dụ trên YouTube) vào trang web giới thiệu bản thân.

Xem lời giải >>
Bài 12 :

Theo em, một trang web có nội dung chỉ thuần văn bản sẽ có những hạn chế gì so với trang web có thêm hình ảnh và âm thanh?

Xem lời giải >>
Bài 13 :

Em hãy bổ xung thuộc tính title cho thẻ <img> trong mã lệnh HTML ở ví dụ 1.

Xem lời giải >>
Bài 14 :

Em hãy bổ xung thuộc tính cho đoạn mã HTML ở ví dụ 2 để kích thước hiển thị của video là 800x600 pixels và video tự động phát không có âm thanh.

Xem lời giải >>
Bài 15 :

Em hãy liệt kê và nêu chức năng các thuộc tính của thẻ <audio> khi thêm tập âm thanh vào trang web.

Xem lời giải >>
Bài 16 :

Giả sử tệp portfolio.html nằm cùng nơi với thư mục Asset. Thư mục Sound, là thư mục con của thư mục Asset, có chứa tệp bai_hat.mp3. Theo em, đường dẫn cho thuộc tính src để thêm tệp bai_hat.mp3 này vào tệp portfolio.html là gì?

Xem lời giải >>
Bài 17 :

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

Yêu cầu: Trong trang web portfolio.html, hãy thêm 4 hình ảnh theo bố cục như Hình 3.

Xem lời giải >>
Bài 18 :

Yêu cầu: Trong trang web portfolio.html vừa thực hiện ở trên, hãy thêm hai video vẽ hoạt động của lớp.

Xem lời giải >>
Bài 19 :

Em hãy bổ sung các nội dung sau vào trang web portfolio.html:

1. Một video clip và một bài hát mà em yêu thích với thẻ <video>,<audio), <h1>, <h2> và các thể khác đã học.

2. Thêm ảnh vào mục Nội dung yêu thích sao cho mỗi hàng của bảng hiển thị ba ảnh, sử dụng thẻ <img>, các thẻ tạo bảng và các thẻ khác đã học.

Hình 4 là một ví dụ kết quả sau khi hoàn thành chỉnh sửa.

3. Thêm ảnh đại diện vào bên phải của mục Giới thiệu chung để được kết quả như Hình 5.


Xem lời giải >>
Bài 20 :

Em có biết làm thế nào để trang web Bài3-NV1.html em tạo ở bài học trước trở nên xinh đẹp và sinh động hơn? 

Xem lời giải >>
Bài 21 :

Trong số các định dạng sau: PNG, RAW, BMP, JPG, GIF, theo em, những định dạng nào được sử dụng phổ biến trên trang web? Vì sao?

Xem lời giải >>
Bài 22 :

Tạo website cá nhân: 

Em hãy chèn thêm hình ảnh, âm thanh, video để hoàn thiện tiếp website cá nhân đã tạo ở các bài học trước.

Xem lời giải >>
Bài 23 :

Thuộc tính nào của phần tử img được dùng để hiển thị thông báo khi hình ảnh chèn vào trang web gặp lỗi trong quá trình hiển thị trên màn hình trình duyệt web? 

A. link 

B. title 

C. src 

D. alt 

Xem lời giải >>
Bài 24 :

Thuộc tính nào dùng để xác định tài nguyên được nhúng vào trang web khi khai báo iframe? 

A. source 

B. src 

C. link 

D. target

Xem lời giải >>