Phòng thực hành

Thực hành HTML và CSS online

Gõ HTML/CSS và thấy trang web hiện ra ngay bên cạnh. Máy đối chiếu với yêu cầu của đề - đúng thẻ, đúng thuộc tính mới tính là xong.

49 bài tập · trải trên 17 bài học · máy chấm ngay trong trình duyệt · không cần cài đặt

Ở đây bạn làm được gì

Sửa code là xem trước cập nhật ngay, khỏi lưu tệp rồi mở lại bằng trình duyệt.
Bài tập theo đúng mạch Tin học 12: thẻ cơ bản, danh sách, bảng, hình ảnh, liên kết, biểu mẫu, bộ chọn CSS, mô hình hộp, bố cục.
Không chạy JavaScript trong phần xem trước - an toàn cho máy của trường.

Một vài đề trong phòng thực hành

Đề thật lấy từ chính phòng thực hành, rải đều từ bài đầu tới bài cuối. Bấm tên bài để đọc phần lí thuyết trước khi làm.

Tạo một tiêu đề lớn (thẻ h1) có nội dung Trang của em.

Bài 9. Trang web và ngôn ngữ HTML · 2 bài tập

Chèn một tấm ảnh vào trang bằng thẻ img. Đặt thuộc tính src là avatar.jpg và thuộc tính alt là Ảnh đại diện của em. Nhớ: thẻ img không có thẻ đóng.

Bài 11. HTML: chèn hình ảnh và tạo bảng · 3 bài tập

Trường em mở CLB Tin học. Hãy tạo một biểu mẫu đăng ký đơn giản: dùng thẻ form bao ngoài, bên trong có một ô nhập họ tên (input với type="text") và một nút gửi (button) mang chữ Đăng ký.

Bài 13. Nhận thông tin từ người dùng với thẻ form và input · 3 bài tập

Trang có sẵn tiêu đề <h1 class="tieu-de">. Hãy viết CSS cho lớp .tieu-de để màu chữ là #d81b60 (hồng đậm) và cỡ chữ (font-size) là 32px.

Bài 15. CSS: màu sắc, phông chữ và mô hình hộp · 3 bài tập

Trang thông báo của lớp có hai đoạn. Hãy viết CSS chọn theo lớp .noibat để đoạn thông báo nổi bật có chữ màu đỏ (red). Chú ý: chỉ đoạn có lớp noibat mới đổi màu, đoạn còn lại giữ nguyên.

Bài 17. Bộ chọn CSS mở rộng và luật ưu tiên khi các quy tắc chồng nhau · 3 bài tập

Bắt đầu trang giới thiệu lớp em. Hãy tạo một tiêu đề bằng thẻ h1 với đúng chữ Lớp 12A3 của chúng em, rồi thêm một đoạn văn bằng thẻ p để giới thiệu vài câu về lớp (nội dung tuỳ em).

Bài 19. Thực hành: xây dựng một trang web nhỏ · 3 bài tập

Mở phòng thực hành HTML/CSS và làm thử

Không cần tạo tài khoản, không cần cài đặt. Bài thực hành của những chương đầu mở miễn phí cho mọi người.

Vào phòng thực hành HTML/CSS

Bài tập HTML/CSS theo từng bài học

Mỗi bài học có lí thuyết riêng rồi mới tới phần thực hành - học trước, làm sau thì đỡ bí.

Câu hỏi thường gặp

Trang xem trước có chạy JavaScript không?

Không. Phần xem trước chỉ dựng HTML và CSS, cố ý không chạy JavaScript để an toàn khi dùng máy chung ở trường.

Có cần cài phần mềm gì không?

Không. Chỉ cần trình duyệt - kể cả trình duyệt trên điện thoại.

Máy chấm HTML thế nào?

Máy đọc cấu trúc trang bạn vừa viết và kiểm đúng những gì đề yêu cầu (có thẻ nào, chữ gì, thuộc tính nào), chứ không so từng dấu cách.

Ba phòng thực hành còn lại

Phòng thực hành Thực hành Python online 161 bài tập Phòng thực hành Thực hành SQL online 40 bài tập Phòng thực hành Thực hành đồ hoạ và ảnh online 33 bài tập