Câu hỏi:
13/07/2024 134
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.
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.
Sách mới 2k7: Bộ 20 đề minh họa Toán, Lí, Hóa, Văn, Sử, Địa…. form chuẩn 2025 của Bộ giáo dục (chỉ từ 110k).
Quảng cáo
Trả lời:
Giải bởi Vietjack
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ả.
Nhà sách VIETJACK:
CÂU HỎI HOT CÙNG CHỦ ĐỀ
Câu 1:
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.
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 đáp án »
11/07/2024
393
Câu 2:
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ì?
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ì?
Xem đáp án »
11/07/2024
217
Câu 3:
Em hãy bổ xung thuộc tính title cho thẻ <img> trong mã lệnh HTML ở ví dụ 1.
Em hãy bổ xung thuộc tính title cho thẻ <img> trong mã lệnh HTML ở ví dụ 1.
Xem đáp án »
11/07/2024
215
Câu 4:
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 qủa như Hình 5.
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 qủa như Hình 5.
Xem đáp án »
13/07/2024
145
Câu 5:
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.
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.
Xem đáp án »
12/07/2024
119
Câu 6:
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.
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 đáp án »
13/07/2024
104
Bình luận
🔥 Đề thi HOT:
-
Đề thi học kì 1 Tin học 12 Kết nối tri thức có đáp án- Đề 1
-
263 câu Trắc nghiệm tổng hợp ôn thi tốt nghiệp THPT môn Tin học Chủ đề F. Giải quyết vấn đề với sự trợ giúp của máy tính có đáp án
-
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 7 có đáp án
-
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 10 có đáp án
-
Đề thi học kì 1 Tin học 12 Kết nối tri thức có đáp án- Đề 2
-
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 8 có đáp án
-
Đề thi học kì 1 Tin học 12 Kết nối tri thức có đáp án- Đề 3
-
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 9 có đáp án
về câu hỏi!