Giao diện mới của VnDoc Pro: Dễ sử dụng hơn - chỉ tập trung vào lớp bạn quan tâm. Vui lòng chọn lớp mà bạn quan tâm: Lưu và trải nghiệm

Giải SBT Tin học 12 Chân trời sáng tạo bài F1

Giải bài tập Tin học lớp 12 bài F1: HTML và trang web Chân trời sáng tạo hay nhất, chi tiết chương trình sách mới sẽ giúp học sinh dễ dàng làm bài tập Tin học 12 từ đó học tốt môn Tin học 12.

Bài: HTML và trang web

Câu 1. Em hãy liệt kê những trình duyệt mà em biết.

Lời giải chi tiết:

Những trình duyệt mà em biết: Google Chrome, Microsoft, mozilla Firefox, Opera, Safari…

Câu 2. Sắp xếp các việc dưới đây theo thứ tự thực hiện khi người dùng truy cập một trong web

a) Trình duyệt phân tích mã nguồn HTML

b) Trình duyệt tiến hành kết xuất trang web,

c) Trình duyệt tải xuống mà nguồn HTML của trang web từ máy chủ.

Lời giải chi tiết:

Sắp xếp các việc dưới đây theo thứ tự thực hiện khi người dùng truy cập một trong web: c-a-b

Câu 3. Điền thẻ và các cặp thẻ (<h1></h1>, <meta>, <p></p>, <title>/titles) vào chỗ chấm cho phù hợp.

<!DOCTYPE html>

<html>

<head>

………………………………………………..

</head>

<body>

……………………………………………….

</body>

</html>

……………………………………………….

Lời giải chi tiết:

<!DOCTYPE html>

<html>

<head>

<meta>

<title> </title>

</head>

<body>

<h1> </h1>

<p> </p>

</body>

</html>

Câu 4. Quan sát trang web https www.w3schools.com html htnd introssp và cho biết cặp thẻ <title></title> chứa nội dung gì.

Lời giải chi tiết:

Nội dung hiển thị trong cặp thẻ <title></title> là HTML Tutorial.

Câu 5. Em hãy tạo một trang web có nội dung là bài thơ Nguyên tiêu của Chủ tịch Hồ Chí Minh, trong đó sử dụng các cặp thẻ ch1></h1> <p></p> và <br>, Lưu tệp với tên baitho.html

Lời giải chi tiết:

Sử dụng cặp thẻ <h1></h1> để đánh dấu tựa đề của bài thơ, sử dụng cặp thẻ <p></p> để đánh dấu riêng từng câu thơ, sử dụng thẻ <br> để ngắt dòng giữa hai khổ thơ

Câu 6. Em hãy tạo trang web lopchungminh.html để giới thiệu về lớp của mình.

Lời giải chi tiết:

1. Chuẩn bị:

Trình duyệt web: Bạn cần một trình duyệt web như Chrome, Firefox, Edge để xem kết quả.

Trình soạn thảo văn bản: Bạn có thể sử dụng Notepad (Windows), TextEdit (macOS), hoặc các trình soạn thảo mã chuyên dụng như Visual Studio Code, Sublime Text.

2. Tạo file HTML:

Mở trình soạn thảo văn bản của bạn.

Tạo một file mới và đặt tên là "lopchungminh.html".

3. Cấu trúc cơ bản của một trang HTML:

HTML

<!DOCTYPE html>

<html>

<head>

<title>Lớp Chúng Mình</title>

</head>

<body>

</body>

</html>

<!DOCTYPE html>: Khai báo loại tài liệu HTML.

<html>: Thẻ bắt đầu và kết thúc của toàn bộ tài liệu HTML.

<head>: Chứa các thông tin về trang web, như tiêu đề.

<title>: Xác định tiêu đề của trang web, hiển thị trên tab của trình duyệt.

<body>: Chứa toàn bộ nội dung hiển thị trên trang web.

4. Thêm nội dung:

Tiêu đề:

HTML

<h1>Lớp Chúng Mình</h1>

Dòng giới thiệu:

HTML

<p>Đây là trang web giới thiệu về lớp học của chúng mình. Chúng ta sẽ cùng nhau chia sẻ những khoảnh khắc vui vẻ và học tập.</p>

Danh sách thành viên:

HTML

<h2>Thành viên lớp</h2>

<ul>

<li>Họ và tên 1</li>

<li>Họ và tên 2</li>

</ul>

Hình ảnh:

<img src="anhlop.jpg" alt="Hình ảnh lớp học">

Lưu ý: Bạn cần lưu hình ảnh vào cùng thư mục với file HTML và thay thế "anhlop.jpg" bằng tên file hình ảnh của bạn.

Lưu và mở file:

Lưu file "lopchungminh.html".

Mở file bằng trình duyệt web để xem kết quả.

Ví dụ hoàn chỉnh:

HTML

<!DOCTYPE html>

<html>

<head>

<title>Lớp Chúng Mình</title>

</head>

<body>

<h1>Lớp Chúng Mình</h1>

<p>Đây là trang web giới thiệu về lớp học của chúng mình. Chúng ta sẽ cùng nhau chia sẻ những khoảnh khắc vui vẻ và học tập.</p>

<h2>Thành viên lớp</h2>

<ul>

<li>Nguyễn Văn A</li>

<li>Trần Thị B</li>

</ul>

<img src="anhlop.jpg" alt="Hình ảnh lớp học">

</body>

</html>

>>>> Bài tiếp theo: Giải SBT Tin học 12 Chân trời sáng tạo bài F2

Chia sẻ, đánh giá bài viết
1
Chọn file muốn tải về:
Đóng Chỉ thành viên VnDoc PRO/PROPLUS tải được nội dung này!
Đóng
79.000 / tháng
Đặc quyền các gói Thành viên
PRO
Phổ biến nhất
PRO+
Tải tài liệu Cao cấp 1 Lớp
Tải tài liệu Trả phí + Miễn phí
Xem nội dung bài viết
Trải nghiệm Không quảng cáo
Làm bài trắc nghiệm không giới hạn
Mua cả năm Tiết kiệm tới 48%
Xác thực tài khoản!

Theo Nghị định 147/2024/ND-CP, bạn cần xác thực tài khoản trước khi sử dụng tính năng này. Chúng tôi sẽ gửi mã xác thực qua SMS hoặc Zalo tới số điện thoại mà bạn nhập dưới đây:

Số điện thoại chưa đúng định dạng!
Số điện thoại này đã được xác thực!
Bạn có thể dùng Sđt này đăng nhập tại đây!
Lỗi gửi SMS, liên hệ Admin
3 Bình luận
Sắp xếp theo
  • chang
    chang

    🤗🤗🤗🤗🤗🤗

    Thích Phản hồi 15:59 26/03
    • Người Nhện
      Người Nhện

      🥴🥴🥴🥴🥴🥴🥴

      Thích Phản hồi 15:59 26/03
      • Bé Cún
        Bé Cún

        🤟🤟🤟🤟🤟🤟

        Thích Phản hồi 15:59 26/03
        🖼️

        Gợi ý cho bạn

        Xem thêm
        🖼️

        Tin học 12 Chân trời sáng tạo

        Xem thêm
        Chia sẻ
        Chia sẻ FacebookChia sẻ TwitterSao chép liên kếtQuét bằng QR Code
        Mã QR Code
        Đóng