HTML & CSS cơ bản

HTML (HyperText Markup Language) và CSS (Cascading Style Sheets) là hai công nghệ nền tảng nhất trong Frontend Development. Mọi website đều được xây dựng từ HTML và CSS.

📝 HTML là gì?

HTML là ngôn ngữ đánh dấu được sử dụng để tạo cấu trúc nội dung của trang web. Nó định nghĩa các phần tử như tiêu đề, đoạn văn, hình ảnh, liên kết, v.v.

Các thẻ HTML cơ bản

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
<!DOCTYPE html>
<html>
<head>
    <title>Trang web của tôi</title>
</head>
<body>
    <h1>Tiêu đề chính</h1>
    <p>Đây là đoạn văn bản.</p>
    <a href="https://example.com">Liên kết</a>
    <img src="image.jpg" alt="Mô tả ảnh">
</body>
</html>

🎨 CSS là gì?

CSS được sử dụng để tạo kiểu và bố cục cho các phần tử HTML. Nó cho phép bạn thay đổi màu sắc, font chữ, kích thước, vị trí và nhiều hơn nữa.

Ví dụ CSS cơ bản

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
h1 {
    color: blue;
    font-size: 32px;
    text-align: center;
}

p {
    color: #333;
    line-height: 1.6;
}

🎬 Video hướng dẫn

🖼️ Hình ảnh minh họa

📚 Nội dung cần học

HTML

Cấu trúc cơ bản của HTML
Các thẻ heading (h1-h6)
Thẻ paragraph, link, image
Lists (ul, ol, li)
Forms và input
Semantic HTML5
Tables

CSS

Selectors (class, id, element)
Colors và backgrounds
Typography
Box model (margin, padding, border)
Display và positioning
Flexbox
Grid Layout
Responsive units (px, em, rem, %)