Eballsviet.com
Học tập Lớp 12 Tin học 12 Chân trời sáng tạo

Tin học 12 Bài F2: Tạo và định dạng trang web với các thẻ HTML Giải Tin học lớp 12 Chân trời sáng tạo

Giới thiệu Tải về Bình luận

Giải bài tập Tin học 12 Bài F2: Tạo và định dạng trang web với các thẻ HTML giúp các em học sinh lớp 12 tham khảo, nhanh chóng trả lời các câu hỏi Luyện tập, Vận dụng trong SGK Tin học 12 Chân trời sáng tạo.

Với lời giải chi tiết, trình bày khoa học, giúp các em tìm hiểu bài thuận tiện hơn rất nhiều. Đồng thời, cũng giúp thầy cô tham khảo để soạn giáo án Bài F2 Chủ đề F: Giải quyết vấn đề với sự trợ giúp của máy tính trong SGK Tin học 12 Định hướng Khoa học máy tính và Tin học 12 Định hướng tin học ứng dụng cho học sinh của mình. Vậy mời thầy cô và các em cùng theo dõi nội dung chi tiết trong bài viết dưới đây của Eballsviet.com:

Giải Tin học lớp 12 Bài F2: Tạo và định dạng trang web với các thẻ HTML

Giải Luyện tập Tin học 12 Chân trời sáng tạo Chủ đề F - Bài F2

Luyện tập 1

Tác dụng của thẻ <h1>, <h2>, ….<h6> là gì?

Lời giải:

Để định nghĩa các đề mục của trang web theo từng cấp độ, HTML sử dụng các thẻ <h1>, <h2>, <h3>, <h4>, <h5>, <h6>. Trong đó <h1> là đề mục cao cấp nhất và <h6> là đề mục cấp thấp nhất. Trình duyệt sẽ hiển thị các đề mục theo các kích thước khác nhau, đề mục cấp cao hơn sẽ có kích thước chữ lớn hơn.

Luyện tập 2

Em hãy trình bày các bước tạo siêu liên kết chuyển đến trang web trong cửa sổ khác.

Lời giải:

Cú pháp:

Tạo và định dạng trang web với các thẻ HTML

Code như sau:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Minh hoạ liên kết</title

</head>

<body>

<h2><a id="dautrang".Tiêu đề của trang</a></h2>

<p>

<a href="https://abc.xyz">Mo trang Alphabet</a><br>

<a href="https://internet.com" target="_blank">Mo trang internet.com</a><br>(

<a href="https://download.vn/tailieu/baihoc.pdf">Liên kết đến tệp baihoc.pdf</a><br>

<a href="https://download.vn/mailto:[email protected]">Liên kết đến địa chỉ email</a><br>

<a href="http://m.eballsviet.com/#">Liên kết không dẫn đến trạng nào</a><br>

<a href="http://m.eballsviet.com/#dautrang" Liên kết đến “Tiêu đề đầu trang”</a>

</p>

</body>

</html>

Kết quả:

Tạo và định dạng trang web với các thẻ HTML

Luyện tập 3

Trong đoạn mã HTML ở Ví dụ 7, nếu thay cặp thẻ <ul></ul> thành <ol></ol> và hai cặp thẻ <ol>/ol> thành <ul></ul> thì trang web hiển thị trong trình duyệt sẽ như thế nào?

Lời giải:

Sau khi thay thế cặp thẻ <ul></ul> thành <ol></ol> và hai cặp thẻ <ol>/ol> thành <ul></ul> ta được code như sau:

<html>

<head>

<meta charset="utf-8">

ctitle,Minh hoạ danh sách lòng nhau</title>

</head>

<body>

<ol>

<li>Tài liệu thiết kế trang web

<ul>

<li>Tài liệu HTML</li> <li>Tài liệu CSS</li>

<li>Tài liệu Javascript</li>

</ul>

</li>

<li>Tài liệu tin học văn phòng

<ul>

<li>Tài liệu Word</li>

<li>Tài liệu Excel</li>

<li>Tài liệu PowerPoint</li>

</ul>

</li>

</ol>

</body>

</html>

Kết quả:

Tạo và định dạng trang web với các thẻ HTML

Giải Vận dụng Tin học 12 Chân trời sáng tạo Chủ đề F - Bài F2

Vận dụng 1

Em hãy bổ sung tên các bạn trong lớp vào ngay sau phần Thành viên lớp của trang web thanhvienlop.html ở phần Thực hành. Sau đó, tạo liên kết từ tên của mình trong trang web thanhvienlop.html đến trang web portfolio.html.

Lời giải:

Code:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Kỉ yếu lớp 12A</title>

</head>

<body>

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

<p>

<a href="file:https:///D:/loptruong.html"Lớp trưởng: Nguyễn Minh Châu</a><br>

<p>Lớp trưởng: Nguyễn Minh Châu</p>

<a href="file:https:///D:/loppho.html"Lớp phó: Trần Thanh Tâm</a><br>

<p>Lớp phó: Trần Thanh Tâm</p>

<a href="file:https:///D:/T%C3%AAnminh.html"Thành viên 1: Trần Văn A</a><br>

<p>Thành viên 1: Trần Văn A</p>

</p>

</body>

</html>

Kết quả:

Tạo và định dạng trang web với các thẻ HTML

Vận dụng 2

Em hãy bổ sung Sở thích và Các hoạt động đã tham gia cho trang web portfolio.html, sử dụng các thẻ tạo danh sách và các thẻ định dạng văn bản đơn giản đã học. Hình 11 là một ví dụ kết quả sau khi hoàn thành chỉnh sửa.

Lời giải:

Code:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Kỉ yếu lớp 12A</title>

</head>

<body>

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

<p>Thành viên 1: Trần Văn A</p>

<p>Thành viên tổ 1</p>

<p>Sở thích: du lịch, xem phim và ăn vặt</p>

<p>Các hoạt động đã tham gia</p>

</body>

</html>

Kết quả:

Tạo và định dạng trang web với các thẻ HTML

Chia sẻ bởi: 👨 Lê Thị tuyết Mai
Liên kết tải về

Chọn file cần tải:

  • Tin học 12 Bài F2: Tạo và định dạng trang web với các thẻ HTML 172 KB
    Tải về
Tìm thêm: Tin học 12 Chân trời sáng tạo
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
Sắp xếp theo
👨

Tài liệu tham khảo khác

Chủ đề liên quan

Có thể bạn quan tâm

Xem thêm

Mới nhất trong tuần

Xem thêm
Đóng
Chỉ thành viên Download Pro tải được nội dung này! Download Pro - Tải nhanh, website không quảng cáo! Tìm hiểu thêm
Mua Download Pro 79.000đ