Nhiệm vụ 1 Thêm tệp ảnh vào trang web trang 91 Tin học 12

Giải Tin học 12 Bài F4: Thêm dữ liệu đa phương tiện vào trang web - Chân trời sáng tạo

Thực hành trang 91 Tin học 12:

Quảng cáo

Nhiệm vụ 1. 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.

Nhiệm vụ 1 Thêm tệp ảnh vào trang web trang 91 Tin học 12

Nhiệm vụ 2. Thêm tệp video vào trang web

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.

Lời giải:

1. Khởi động Visual Studio Code và mở tệp portfolio.html.

2. Viết thêm đoạn mã HTML vào phần mã lệnh của thẻ <body>:

<h1>Nội dung yêu thích/h1>

<h2>Hình ảnh</h2>

<table>

<tr>

<td><img src="Images/Anh_1.jpg" width="500"></td> <td><img src="Images/Anh_2.jpg" width="500"></td>

</tr>

<tr>

<td><img src="https://i.imgur.com/gY8a62C.jpg" width="500"></td> <td><img src="https://i.imgur.com/okHFRI4.jpg" width="500"></td>

</tr>

</table>

Em sử dụng thẻ <table> để tạo bố cục hiển thị các hình ảnh gồm có hai thẻ <tr>ứng với hai hàng của bảng, mỗi thẻ <tr> có hai thẻ <td> ứng với hai ô, mỗi ô chứa một hình ảnh. Bên cạnh đó, em thêm tệp ảnh trong thư mục Images nằm cùng nơi với tệp portfolio.html (Anh_1.jpg và Anh_2.jpg) bằng đường dẫn của tệp hoặc thêm tập ảnh từ trang web khác (gY8a62C.jpg và

okIIFRI4.jpg) bằng đường liên kết đến các tệp ảnh đó.

3. Nhảy đúp chuột vào tập portfolio.html để kiểm tra kết quả.

1. Viết thêm đoạn mã HTML vào phần mã lệnh của thẻ <body>:

<h2>Video clip</h2>

<h3>Thi kéo co</h3>

<video src="Videos/clip_keo_co.mp4" controls></video>

Em thêm tập video trong thư mục Videos nằm cùng nơi với tệp portfolio.html (clip_keo_comp4) bằng đường dẫn của Lệp hoặc thêm tệp video từ trang web khác bằng đường liên kết đến Lệp đó.

Lưu ý: Các trang web cho phép thêm tệp video theo những cách khác nhau và trình duyệt có thể không hỗ trợ thẻ <video).

2. Nháy đúp chuột vào tập portfolio.html để kiểm tra kết quả.

Quảng cáo

Lời giải bài tập Tin học 12 Bài F4: Thêm dữ liệu đa phương tiện vào trang web hay khác:

Quảng cáo

Xem thêm lời giải bài tập Tin học lớp 12 Chân trời sáng tạo hay nhất, ngắn gọn khác:

Săn shopee siêu SALE :

ĐỀ THI, GIÁO ÁN, GÓI THI ONLINE DÀNH CHO GIÁO VIÊN VÀ PHỤ HUYNH LỚP 12

Bộ giáo án, đề thi, bài giảng powerpoint, khóa học dành cho các thầy cô và học sinh lớp 12, đẩy đủ các bộ sách cánh diều, kết nối tri thức, chân trời sáng tạo tại https://tailieugiaovien.com.vn/ . Hỗ trợ zalo VietJack Official


Giải bài tập lớp 12 Chân trời sáng tạo khác
Tài liệu giáo viên