HOC24

Lớp học
Học bài Hỏi bài Giải bài tập Đề thi ĐGNL
Tin tức Cuộc thi vui Khen thưởng
  • Tìm kiếm câu trả lời Tìm kiếm câu trả lời cho câu hỏi của bạn
Đăng nhập Đăng ký

Lớp học

  • Lớp 12
  • Lớp 11
  • Lớp 10
  • Lớp 9
  • Lớp 8
  • Lớp 7
  • Lớp 6
  • Lớp 5
  • Lớp 4
  • Lớp 3
  • Lớp 2
  • Lớp 1

Môn học

  • Toán
  • Vật lý
  • Hóa học
  • Sinh học
  • Ngữ văn
  • Tiếng anh
  • Lịch sử
  • Địa lý
  • Tin học
  • Công nghệ
  • Giáo dục công dân
  • Tiếng anh thí điểm
  • Đạo đức
  • Tự nhiên và xã hội
  • Khoa học
  • Lịch sử và Địa lý
  • Tiếng việt
  • Khoa học tự nhiên
  • Hoạt động trải nghiệm
  • Hoạt động trải nghiệm, hướng nghiệp
  • Giáo dục kinh tế và pháp luật

Chủ đề / Chương

    Bài học

      HOC24

      Khách Khách vãng lai
      Đăng nhập Đăng ký
      Khám phá
      Hỏi đáp Đề thi Tin tức Cuộc thi vui Khen thưởng
      • Lớp 12
      • Tin học lớp 12 (Sách Cánh Diều)
      • CHỦ ĐỀ F. GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH

      Chủ đề

      • TẠO TRANG WEB
      • Bài 1. Làm quen với ngôn ngữ đánh dấu siêu văn bản
      • Bài 2. Định dạng văn bản và tạo siêu liên kết
      • Bài 3. Thực hành định dạng văn bản và tạo siêu liên kết
      • Bài 4. Trình bày nội dung theo dạng danh sách, bảng biểu
      • Bài 5. Chèn hình ảnh, âm thanh, video và sử dụng khung
      • Bài 6. Tạo biểu mẫu
      • Bài 7. Thực hành tạo biểu mẫu
      • Bài 8. Làm quen với CSS
      • Bài 9. Thực hành định dạng một số thuộc tính CSS
      • Bài 10. Bộ chọn lớp, bộ chọn định danh
      • Bài 11. Mô hình hộp, bố cục trang web
      • Bài 12. Dự án nhỏ: Tạo trang web báo tường

      Bài 9. Thực hành định dạng một số thuộc tính CSS

      • Lý thuyết
      • Trắc nghiệm
      • Giải bài tập SGK
      • Hỏi đáp
      • Đóng góp lý thuyết

      Vận dụng (SGK Cánh Diều - Trang 76)

      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ữ Verdana, chữ màu đỏ, tiêu đề h2 sử dụng phông chữ Verdana, chữ màu xanh.-...
      Đọc tiếp

      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ữ Verdana, 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 external CSS vào phần tử head của các tệp: "index.html", "hobbies.html", "album.html".

      Hướng dẫn giải

      Tạo thư mục con "styles" trong thư mục "myHomepage":

      Trong thư mục "myHomepage", tạo một thư mục con mới có tên là "styles".

       

      Tạo tệp "style.css" trong thư mục "styles":

      Mở trình soạn thảo văn bản và tạo một tệp mới.

      Ghi các quy tắc định dạng CSS vào tệp "style.css" theo yêu cầu:

      /* style.css */

       

      h1 {

         font-family: Verdana, sans-serif;

         color: red;

      }

      h2 {

         font-family: Verdana, sans-serif;

         color: blue;

      }

       

      Bổ sung khai báo tham chiếu vào các tệp HTML:

      <!DOCTYPE html>

      <html lang="en">

      <head>

         <meta charset="UTF-8">

         <meta name="viewport" content="width=device-width, initial-scale=1.0">

         <title>Trang chủ</title>

         <link rel="stylesheet" href="styles/style.css"> <!-- Liên kết với tệp CSS external -->

      </head>

      <body>

         <!-- Nội dung của trang -->

      </body>

      </html>

       

      Thêm thẻ <link> vào phần <head> của tệp "hobbies.html":

      <!DOCTYPE html>

      <html lang="en">

      <head>

         <meta charset="UTF-8">

         <meta name="viewport" content="width=device-width, initial-scale=1.0">

         <title>Sở thích của tôi</title>

         <link rel="stylesheet" href="styles/style.css"> <!-- Liên kết với tệp CSS external -->

      </head>

      <body>

         <!-- Nội dung của trang -->

      </body>

      </html>

       

      Thêm thẻ <link> vào phần <head> của tệp "album.html":

      <!DOCTYPE html>

      <html lang="en">

      <head>

         <meta charset="UTF-8">

         <meta name="viewport" content="width=device-width, initial-scale=1.0">

         <title>Album ảnh</title>

         <link rel="stylesheet" href="styles/style.css"> <!-- Liên kết với tệp CSS external -->

      </head>

      <body>

         <!-- Nội dung của trang -->

      </body>

      </html>

      (Trả lời bởi Nguyễn Việt Dũng)
      Thảo luận (1)
      Trước Sau
      • 1
      • Lý thuyết
      • Trắc nghiệm
      • Giải bài tập SGK
      • Hỏi đáp
      • Đóng góp lý thuyết
      Bài trước
      Bài tiếp theo

      Khoá học trên OLM (olm.vn)

      • Toán lớp 12
      • Ngữ văn lớp 12
      • Tiếng Anh lớp 12
      • Vật lý lớp 12
      • Hoá học lớp 12
      • Sinh học lớp 12
      • Lịch sử lớp 12
      • Địa lý lớp 12
      • Giáo dục công dân lớp 12

      Đề thi đánh giá năng lực

      • Đại học Quốc gia Hà Nội
      • Đại học Quốc gia Hồ Chí Minh
      • Đại học Bách khoa Hà Nội

      Khoá học trên OLM (olm.vn)

      • Toán lớp 12
      • Ngữ văn lớp 12
      • Tiếng Anh lớp 12
      • Vật lý lớp 12
      • Hoá học lớp 12
      • Sinh học lớp 12
      • Lịch sử lớp 12
      • Địa lý lớp 12
      • Giáo dục công dân lớp 12

      Đề thi đánh giá năng lực

      • Đại học Quốc gia Hà Nội
      • Đại học Quốc gia Hồ Chí Minh
      • Đại học Bách khoa Hà Nội