Khóa học về HTML và CSS, cung cấp nền tảng vững chắc để xây dựng và thiết kế giao diện website chuyên nghiệp.
Bạn sẽ học được những gì?
Xây dựng giao diện web
Tạo trang web chuyên nghiệp
Hỗ trợ responsive design
Tương thích trên mọi trình duyệt
Tối ưu trải nghiệm người dùng
Dễ học và tiếp cận
Cơ sở cho lập trình front-end
Kết hợp tốt với JavaScript
sd
Nội dung khóa học
1.
HTML 1 . Cấu trúc cơ bản của HTML
Học viên sẽ tìm hiểu về cấu trúc cơ bản của một tài liệu HTML, bao gồm các thẻ <!DOCTYPE>, <html>, <head>, <body>.
11:51
2.
HTML 2 . Các thẻ văn bản, list, liên kết
Giới thiệu các thẻ văn bản cơ bản như p, h1-h6, thẻ danh sách, liên kết, media, table
16:04
3.
HTML 3 . Các thẻ chia khung, form nhập liệu
Học cách chèn media như hình ảnh với thẻ img, video với thẻ video, audio với thẻ audio, cách chia khung với thẻ div, và tạo bảng với thẻ table, tr, td, th.
14:07
4.
CSS 1. Cú pháp và các css cơ bản
Học cú pháp CSS, cách nhúng CSS vào HTML (inline, internal, external), và các thuộc tính cơ bản như color, font-size, background-color.
16:17
5.
CSS 2. Chia khung theo kích thước, cột, grid
Tìm hiểu cách chia khung (layout) theo kích thước bằng cách sử dụng width, height, chia cột bằng float, flexbox, và lưới (grid) với CSS Grid.
14:22
6.
CSS 3. Bố cục: Vị trí, căn lề, hiển thị
Học cách định vị trí (position) của phần tử (static, relative, absolute, fixed), căn lề (margin, padding), và thuộc tính hiển thị (display, visibility).
00:42
7.
CSS 4. Định dạng văn bản, list, table
Định dạng văn bản với các thuộc tính font-family, font-size, font-weight, line-height, text-align, định dạng danh sách và bảng.
11:24
8.
CSS 5. Định dạng ảnh, box, form nhập liệu
Định dạng ảnh với các thuộc tính width, height, border-radius, sử dụng mô hình hộp (box model) với border, padding, margin, form nhập liệu
19:50
9.
CSS 6. Responsive
Học cách định dạng css để có thể phù hợp với nhiều kích thước màn hình
02:34
10.
CSS 7. Một số style CSS3
CSS3 nâng cao bao gồm hiệu ứng (Transitions, Animations, Transformations), tối ưu hiệu suất và bố cục linh hoạt với Flexbox & Grid. Ngoài ra, còn có Responsive Design, Custom Properties (CSS Variables) và kỹ thuật tối ưu hiển thị.
08:08
Đăng ký học thử
Nếu bạn chưa có tài khoản, hãy đăng ký tài khoản và bắt đầu học thử ngay nào