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

Trang trước Trang sau

Với Giải Tin học 12 trang 105 trong Bài F1: HTML và trang web Tin học 12 Chân trời sáng tạo hay nhất, ngắn gọn sẽ giúp học sinh dễ dàng trả lời các câu hỏi & làm bài tập Tin 12 Tin học ứng dụng trang 105.

Hoạt động 3 trang 105 Tin học 12: Cách viết thẻ HTML có nhiều thuộc tính sau đây đúng hay sai?

Lời giải:

Cách viết thẻ HTML có nhiều thuộc tính sau đây đúng hay sai?

Cách viết thẻ HTML có nhiều thuộc tính là đúng. Vì mỗi thẻ HTML có thể có một hoặc nhiều thuộc tính hoặc không có thuộc tính để định dạng nội dung. Thuộc tính được đặt trong thẻ mở với cú pháp như sau:

Cách viết thẻ HTML có nhiều thuộc tính sau đây đúng hay sai?

Luyện tập 1 trang 105 Tin học 12: Thảo luận với bạn và trình bày những hiểu biết của em về ngôn ngữ HTML

Lời giải:

Trình bày những hiểu biết của em về ngôn ngữ HTML:

Siêu văn bản (Hypertext) là tài liệu điện tử đa phương tiện chứa văn bản, hình ảnh, âm thanh, video và siêu liên kết. Trong đó, siêu liên kết giúp người đọc dễ dàng truy cập đến nội dụng khác hoặc siêu văn bản khác.

Mỗi trang web là một siêu văn bản được tạo ra bằng ngôn ngữ HTML (HyperText Markup Language). HTML là ngôn ngữ đánh dấu được phát triển bởi Tim Berners-Lee, Robert Cailliau và các cộng sự vào năm 1989, dùng để trình bày cấu trúc, nội dung và hình thức của trang web. Hiện nay, HTML5 là phiên bản thông dụng, giúp tạo ra trang web có tính tương tác cao và giúp hiển thị trang web trên các thiết bị thông minh.

Mỗi thành phần của trang web bao gồm văn bản, hình ảnh, âm thanh, video và các nội dung khác đều được định dạng bằng các phần tử IITML tương ứng. Mỗi phần tử IITML được thể hiện bằng một thẻ (tag) và có thể đính kèm các thuộc tính (attribute).

Khi người dùng truy cập trang web, trình duyệt sẽ tải xuống mã HTML tương ứng và sử dụng mã này để kết xuất nội dung, hình thức của trang web. Các trình duyệt phổ biến hiện nay như Microsoft Edge, Google Chrome, Mozilla Firefox, Safari,... đều có hỗ trợ ngôn ngữ HTML

Luyện tập 2 trang 105 Tin học 12: Em hãy trình bày cấu trúc của một trang web cơ bản bằng cách liệt kê tên và công dụng của các thẻ.

Lời giải:

Cấu trúc của một trang web cơ bản bằng cách liệt kê tên và công dụng của các thẻ:

- Mỗi thành phần của ngôn ngữ HTML có hai thành phần cơ bản là thẻ và thuộc tính.

- Cặp thẻ /title> dùng để định nghĩa tiêu đề của trang web, hiển thị trên thanh tiêu đề hoặc cửa sổ của trình duyệt.</span></p> <p><span>- Cặp thẻ <body></body> dùng để định nghĩa phần nội dung chính của trang web. - Bên trong cặp thẻ <body></body> là cặp thẻ <h1></h1> dùng để định nghĩa đề mục cấp độ 1, cặp thẻ <p></p> dùng để định nghĩa một đoạn văn bản.</span></p> <p><span>- Nội dung đặt trong cặp kí hiệu < ! - - - - > là phần ghi chú, trình duyệt sẽ không hiển thị lên trang web.</span></p> <p><span>- Khi sử dụng nhiều thẻ HTML lồng nhau, cần lưu ý phải đóng thẻ bên trong trước, đóng thẻ bên ngoài sau.</span></p> <a name="luyentap3"></a> <p><b style="color:green;">Luyện tập 3 trang 105 Tin học 12: </b>Chọn đáp án đúng cho các câu hỏi dưới đây.</p> <p><span>a) Phần tử HTML nào sau đây chỉ có thẻ mở?</span></p> <p><span>A. <h1>.</span></p> <p><span>B. <p>.</span></p> <p><span>C. <hr>.</span></p> <p><span>D. <div>.</span></p> <p><span>b) Phần tử HTML nào sau đây có đủ thẻ mở và thẻ đóng?</span></p> <p><span>A. <img>.</span></p> <p><span>B. <br>.</span></p> <p><span>C. <strong>.</span></p> <p><span>D. <input>.</span></p> <p><b style="color:green;">Lời giải:</b> </p> <p><span>a) Phần tử HTML sau đây chỉ có thẻ mở: <hr>. Nên đáp án đúng là: </span></p> <p><span>C. <hr>.</span></p> <p><span>b) Phần tử HTML sau đây có đủ thẻ mở và thẻ đóng: <strong>. Nên đáp án đúng là: </span></p> <p><span>C. <strong>.</span></p><a name="vandung1"></a> <p><b style="color:green;">Vận dụng 1 trang 105 Tin học 12: </b>Chọn đáp án đúng cho các câu hỏi dưới đây.</p> <p><span>Thực hiện hiệu chỉnh trang web portfolio.html trong các ví dụ của bài học để giới thiệu vài thông tin của bản thân. Trong đó, sử dụng các thẻ <h1> và <p>. Hình 8 là một ví dụ <span>kết quả sau khi hoàn thành chỉnh sửa, sáng tạo.</span></span></p> <p><img src="https://i0.wp.com/hoconline.club/tin-hoc-12-ct/images/van-dung-1-trang-105-tin-hoc-12-thud-220590.PNG" alt="Thực hiện hiệu chỉnh trang web portfolio.html trong các ví dụ của bài học để giới thiệu" width="379" height="194"></p> <p><b style="color:green;">Lời giải:</b> </p> <p><span>Code như sau:</span></p> <p><span><!DOCTYPE html></span></p> <p><span><html></span></p> <p><span><head></span></p> <p><span><meta charset="utf-8"></span></p> <p><span><title>Tiêu đề của trang web

Giới thiệu chung

Nơi sinh: Thành phố Hồ Chí Minh

Điện thoại: 09.................

Email: [email protected]

Kết quả:

Thực hiện hiệu chỉnh trang web portfolio.html trong các ví dụ của bài học để giới thiệu

Vận dụng 2 trang 105 Tin học 12: Em hãy sử dụng Visual Studio Code để tạo trang web index.html giới thiệu ngắn về lớp em, trong đó sử dụng những thẻ đã học để định dạng cho phần nội dung văn bản.

Lời giải:

Code như sau:

Tiêu đề của trang web

Giới thiệu chung về lớp 12A1

Lớp 12A1

Trường THPT Nguyễn Bỉnh Khiêm - Hà Nội

Thành viên: 35 học sinh. Nam: 20 học sinh. Nữ: 15 học sinh

Kết quả:

Em hãy sử dụng Visual Studio Code để tạo trang web index.html giới thiệu ngắn về lớp em

Vận dụng 3 trang 105 Tin học 12: Em hãy tìm hiểu thêm một số thuộc tỉnh khác của thẻ như background-color text-decoration, margin-left, margin-top

Lời giải:

Code như sau:

Tiêu đề của trang web

Giới thiệu chung về lớp 12A1

Lớp 12A1

Trường THPT Nguyễn Bỉnh Khiêm - Hà Nội

Thành viên: 35 học sinh. Nam: 20 học sinh. Nữ: 15 học sinh

Kết quả:

Em hãy tìm hiểu thêm một số thuộc tỉnh khác của thẻ body như background-color text-decoration

Vận dụng 4 trang 105 Tin học 12: Ngoài thẻ .

Lời giải:

Ngoài thẻ , đó là:

- Thẻ meta description: nêu tóm tắt nội dung của trang web.

- Thẻ meta content-type: dùng khai báo tóm tắt hệ thống kí tự trên trang web sử dụng HTML.

- Thẻ meta viewport: tối ưu website phù hợp với nhiều thiết bị.

Lời giải bài tập Tin học 12 Bài F1: HTML và trang web hay khác:

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:

Xem thêm các tài liệu học tốt lớp 12 hay khác:

Trang trước Trang sau
Giải bài tập lớp 12 Chân trời sáng tạo khác