🌍 Website là gì?
👉 Website là những trang bạn nhìn thấy khi mở trình duyệt như Chrome, Edge, Safari…
Khi bạn mở một website, trình duyệt sẽ:
- 📄 Đọc HTML để hiểu cấu trúc
- 🎨 Đọc CSS để biết cách hiển thị
- 🖥️ Vẽ toàn bộ giao diện ra màn hình
👉 Trình duyệt giống như người vẽ, còn HTML & CSS là bản thiết kế.
🧱 Website gồm những phần nào?
Một website cơ bản có 3 phần chính:
- HTML → Tạo cấu trúc (tiêu đề, chữ, hình, nút…)
- CSS → Trang trí (màu sắc, kích thước, vị trí…)
- Browser → Hiển thị ra màn hình
👉 Trong khóa học này, chúng ta tập trung vào HTML & CSS.
🧩 HTML là gì?
HTML dùng để xây dựng nội dung và cấu trúc cho website.
Nhờ HTML, trình duyệt biết:
- Phần nào là tiêu đề
- Phần nào là đoạn văn
- Phần nào là hình ảnh, nút bấm
👉 HTML không làm đẹp, chỉ tạo khung.
🎨 CSS là gì?
CSS dùng để làm đẹp giao diện cho website.
CSS quyết định:
- Chữ to hay nhỏ
- Màu sắc
- Bố cục trái – phải – giữa
👉 Không có CSS, website vẫn chạy nhưng rất xấu 😅
🧱 Khung HTML cơ bản (Boilerplate)
Mọi website HTML đều bắt đầu từ một khung chuẩn:
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<!-- Nội dung website nằm ở đây -->
</body>
</html>Giải thích nhanh:
<!DOCTYPE html>→ Khai báo HTML hiện đại<head>→ Thông tin cho trình duyệt<body>→ Toàn bộ giao diện người dùng nhìn thấy
👉 Tất cả UI sau này đều nằm trong <body>.
🎯 Cách học trong khóa này
Chúng ta học theo cách làm thật:
- Nhìn giao diện mẫu
- Chia thành các khối nhỏ
- Viết HTML cho từng khối
- Dùng CSS để trang trí
- Ghép lại thành website hoàn chỉnh
👉 Học tới đâu, làm được tới đó.
🚀 Kết thúc bài mở đầu
Từ bài sau:
- Bắt đầu làm UI thật
- Ít lý thuyết, nhiều thực hành
- Mỗi bài là một phần của website
👉 Website không khó
👉 Chỉ cần ghép đúng từng mảnh nhỏ 🧩