1.1

Trả lời câu hỏi 1.1 trang 49 Bài 1 SBT Tin 𒀰học 12 Kết nối tri thức

Mỗi phương án sau đây là đúng hay sai?

A. CSS là một bộ phận của HTML5.

B. Sử dụng HTML và C♔SS giúp giảm lượng mã cần viêt khi tạo trang web.

C. Việc thay đổi giao diện của we𒊎b🧸site thực hiện dễ dàng hơn khi không dùng CSS.

D. Nếu có tệp tin .css trong các tệp tin của một website, ta có thể kết luận chắc chăn website đó có sử dụng địnhဣꦇ kiểu ngoài (CSS ngoài).

Lời giải chi tiết:

A. Đúng. Sử dụng HTML kết hợp với CSS giúp giảm đáng kể lượng mã cầ🌸n viết, vì CSS tách biệt phần thiết kế (giao diện) ra khỏi phần cấu trúc (nội dung). Khi có CSS, người phát triển chỉ cần viết định dạng một lần trong tệp CSS và có thể áp dụng cho nhiều phần tử trên các trang kh💜ác nhau, không cần lặp lại mã.

B. Đúng. Sử dụng HT🅘ML kết hợp với CSS giúp giảm đáng kể lượng mã cần viết, vì CSS tách biệt phần thiết kế (giao diện) ra khỏi phần cấu trúc (nội dung). Khi có CSS, người phát triển chỉ cần viết định dạng một lần trong tệp CSS và có thể áp dụng cho nhiều phần tử trên các trang khác nhau, khôn🦋g cần lặp lại mã.

C. Sai. Việc thay đổi giao diện của website sẽ khó khăn hơn khi không dùng CSS. CSS cho phép người dùng dễ dàng thay đổi giao diện bằng cách chỉnh sửa tệp CSS. Nếu không có CSS, toàn bộ phần định dạng p👍hải được viết trực tiếp trong HTML, dẫn đến việc quản✃ lý và thay đổi giao diện trở nên phức tạp và tốn nhiều thời gian.

D. Sai. Sự hiện diện của tệp .css không đảm bảo chắc chắn rằng website sử dụng định kiểu ngoài (external CSS). Có thể trang web có tệp CSS nhưng lại không sử dụng nó, hoặc chỉ s🔯ử dụng các phương pháp khác để định dạng như inline CSS (định kiểu trực tiếp trong thẻ HTML) hoặc internal CSS (định kiểu bên trong trang HTML thông qua thẻ <style>).

1.2

Trả lời câu hỏi 1.2 trang 50 Bài 1 SB🧸T Tin hℱọc 12 Kết nối tri thức

Khẳng định nào sau đây là sai?

A. Nế🍨u một phần tử chịu tác động của cả định kiểu trong, định kiểu ngoài và định kiểu nội tuyến thì chúng sẽ hiển thị theo chỉ định của định kiểu nội tuyến.

B. Định kiểu nội tuyến là loại định kiể♊u gần với vị trí mã HTML thực sự được viết nhất.

C. Định kiểu ngoài luôn𒅌 là cách định kiểu tốt và an toàn nhất tr🥃ong ba cách định kiểu.

D. Sử dụng kết hợp định kiểu trong và định kiểu ngoài là c꧒ách dùng phổ biến hiện n♊ay.

Lời giải chi tiết:

Đáp án: C. Sai. Mặc dù định kiểu ngoài (external CSS) là cách tốt để quản lý và bảo trì mã CSS, nó không phải lúc nào ওcũng là "tốt và an toàn nhất" trong mọi trường hợp. Có những trường hợp c𓆉ần sử dụng định kiểu nội tuyến hoặc định kiểu trong để đáp ứng các yêu cầu cụ thể như cần định dạng tạm thời hoặc đáp ứng tính năng động của giao diện. An toàn nhất hay không còn phụ thuộc vào cách triển khai và mục đích của từng trang web.

1.3

Trả🌺 lời câu hỏi 1.3 trang 50 Bài 1 SB🃏T Tin học 12 Kết nối tri thức

Một người định nghĩa q🧜u♎y tắc cho đoạn văn bản trong CSS như sau:

<p>{

font-family:Mangal;

}

Em có nhận xét gì về cách viết này? Em có đề xuất ꦿcách viết nào tốt hơn không?

Lời giải chi tiết:

Nhận xét: C✤ách viết chưa tốt vì với đoạn mã đó thì phông chỉ hiển thị được khi nó nằm trong số các phong đã cài trênඣ hệ thống của người dùng. Anh Đề xuất: Đưa ra một danh sách phông chữ theo độ ưu tiên giảm dần, bao gồm một số phông chữ phổ biến phù hợp với nội dung.

Cách viết quy tắc CSS ban đầu không đúng cú pháp chuẩn của CSS, do sử dụng sai cú pháp với cặp dấu <p> thay vì chỉ sử dụng selector là tên thẻ HTML mà không cần các dấu ngoặc nhọn của HTML. Ngoài ra, cách viết này thiếu tính linh hoạt vì không có các phông chữ dự phòng (fallback fonts). Để đảm bảo cú pháp đúng và tính tương thích cao hơn, người viết nên sử dụng cú pháp chuẩn của CSS, đồng thời thêm các phông chữ thay thế để đảm bảo hiển thị tốt trên các thiết bị và trình duyệt kh🌊ác nhau.

1.4

Trജả lời câu hỏi 1.ౠ4 trang 50 Bài 1 SBT Tin học 12 Kết nối tri thức

Thực hành: Cho một bố cục trang web có dạng như🦄 Hình 1♋8.1. Hãy phân tích và xác định các bước để tạo một bố cục như vậy bằng thẻ <table> và bằng CSS.

Lời giải chi tiết:

Hướng dẫn: Nếu sử dụng phần tử Table, cách đơn giản là em sử d🃏ụng các bảng lồng nhau. Ví dụ:

– Tạo một bảng có 4 hàng 1 cột – tức ở mức ngoài có 4 cặp <tr></tr>, mỗi cặp chỉ chứa một cặp <๊;td>🉐</td>.

– Trong cặp <td></td> ở dòng 2🅺, em thêm vào một bảng mới có 1 hàng, 3 cột. – Tương tự, thêm một bảng 1 hàng 2 cột ở dòng 4.

Thiết lập chiều rộng và chiều cao của c✱ác♏ ô cho phù hợp.

Đây là một cá🔴ch để thực hiện, em có thể đề xuất cách khác🐈 của mình. hiện

Nếu sử dụng CSS, cách làm giống như Nhiệm vụ 1 trong bài thực hành trên lớp. C🍸ụ thể💦:

Ta xác định 4 hàng, mỗi hàng là ♉m🧔ột phần tử thuộc lớp row.

Với hàng 2 và hàng 4, ta cần tạo thêm các lớp block_3 cho hàng 2 và block_2 cho hàng 4. Lớp block_3 có độ rộn🐼g không quá 33.3% và lớp block_2 có độ rộng không quá 50%. Khi đó, hàng 2 sẽ là♛ một phần tử row chứa 3 phần tử block_3 và hàng 4 sẽ là một phần tử row chứa 2 phần tử block_2.

1.5

Trả lꦇời câu hỏi 1.5 trang 50 Bài 1 SBT Tin học 12 Kết nố♔i tri thức

Thực hành: Hãy viết một website quảng ꧑bá Đại hội thể dục thể thao tỉnh/ thành phố nơi em đang sống

Yêu cầu về nội dung:

- Gồm một t✤rang chủ chứa thông tin về đại hội và cá♕c liên kết tới các trang thông tin khác.

- Các trang thông tin khác cần bao gồm: Giới thiệu các môn thi, biểu mẫu đăng ෴kí, lịch thi đầu.

Yêu cầu về 🥃trình bày: kếℱt hợp sử dụng định kiểu ngoài và định kiểu trong để trình bày cho phù hợp.

Lời giải chi tiết:

Hướng dẫn: Một ví dụ ꦉvề cấu trúc ﷽của website sử dụng định kiểu ngoài cho trang chủ (Hình 18.2) và định kiểu trong cho trang đăng kí (Hình 18.3).

Các tập tin trang chủ và cꦰác trang thông tin sử dụng định kiểu ngoài bởi một tập tin .css để có giao diện chung thống nhất. Ngoài các thông tin đã có có thể bổ sung các thông tin mà em thấy hữu ích như ban tổ chức, sơ đồ thi đấu,... Em cần phác thảo ra bố cục trang, từ đó phâꦬn tích và đưa ra thiết kế và thực viết mã CSS như đã làm trên lớp và trong Câu 18.4.

Riêng trang biểu mẫu đăng kí có nội dun♍g chủ yếu là chữ, ta sử dụng định kiểu trong (CSS trực tiếp bên trong t🎉ệp tin html).