Thầy cô kiến thức thâm sâu
Học sinh chăm chỉ bước đầu thành công.

BÀI 9 - THỰC HÀNH ĐỊNH DẠNG MỘT SỐ THUỘC TÍNH CSS (CÁNH DIỀU - CS & ICT)

Bài 9-Thực hành định dạng một số thuộc tính CSS (Cánh diều - cs & ict)
 Đây là bài soạn gợi ý trả lời SGK tin học 12 (bộ sách Cánh diều). Bài này là kiến thức cốt lõi chung cho cả hai định hướng: Khoa học máy tính (CS) và Tin học ứng dụng (ICT). Các em truy cập vào để tham khảo nhé. Chúc các em có nhiều sức khỏe và chăm ngoan học giỏi.

Tạo website cá nhân:
Em hãy hoàn thiện website cá nhân đã tạo từ các bài học trước bằng cách khai báo và áp dụng các quy tắc định dạng trình bày để các tiêu đề sử dụng phông chữ và màu sắc đa dạng.
Gợi ý thực hiện:
 - Tạo thư mục con styles trong thư mục myHomepage.
 - Tạo tệp mới và ghi lưu vào thư mục styles với tên “style.css".
 - Khai báo các quy tắc định dạng trong tệp “style.css" để trình bày, ví dụ: tiêu đề h1 sử dụng phông chữ Verkana, chữ màu đỏ; tiêu đề h2 sử dụng phông chữ Verdana, chữ màu xanh.
 - Bổ sung khai báo tham chiếu sử dụng extemal CSS vào phần tử head của các tệp: "index.html", "hobbies.html", "album.html".
Hướng dẫn các bước thực hiện:
Bước 1: Tạo thư mục và tệp cần thiết
 - Mở thư mục gốc của website (myHomepage).
 - Tạo thư mục con có tên styles bên trong myHomepage.
 - Tạo tệp CSS mới, đặt tên style.css và lưu vào thư mục styles.
Bước 2: Khai báo CSS trong tệp style.css
 Mở styles/style.css và thêm các quy tắc định dạng như sau:
Lưu ý: Nếu trình duyệt không nhận diện được font Verkana, hãy thay thế bằng font phổ biến hơn như Arial hoặc sans-serif.
Bước 3: Thêm liên kết style.css vào các trang HTML
 Mở các tệp index.html, hobbies.html, album.html, và thêm đoạn sau vào bên trong phần <head>:
Bước 4: Kiểm tra trang web
 - Mở index.html trên trình duyệt.
 - Kiểm tra xem tiêu đề h1 có phông chữ Verkana, màu đỏ và tiêu đề h2 có phông Verdana, màu xanh hay chưa.
 - Nếu CSS chưa áp dụng, kiểm tra lại đường dẫn "styles/style.css" để đảm bảo đúng vị trí.

---The end!---

CÙNG CHUYÊN MỤC:
Chủ đề A
Chủ đề B
Chủ đề D
Chủ đề F
Chủ đề G
Chủ đề A (ICT)
Chủ đề E (ICT)
Chủ đề B (CS)
Chủ đề F (CS)
Chủ đề F (CS1)
Chủ đề F (CS1)

CÁC CHUYÊN MỤC LIÊN QUAN:
☎ TIN HỌC 10-KẾT NỐI TRI THỨC
☎ TIN HỌC 11-KẾT NỐI TRI THỨC
☎ TIN HỌC 12-KẾT NỐI TRI THỨC

Tổng số lượt xem

Chăm chỉ chiến thắng tài năng
khi tài năng không chịu chăm chỉ.

- Tim Notke -

Bản quyền
Liên hệ
Chat Zalo
Chat Facebook