Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

HTML5 and CSS3: Craft your own websites (with 4 projects)

HTML5 và CSS3: Tự tay xây dựng website của riêng bạn (với 4 dự án thực tế)

HTML5 và CSS3: Tự tay xây dựng website của riêng bạn (với 4 dự án thực tế)

Học HTML và CSS từ con số 0, không cần kiến thức trước, để tạo website responsive của riêng bạn

4.4
(63 đánh giá)
353 học viên
Giảng viên
Matheus Battisti
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
10.000đ 399.000đ -97%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
15.0 giờ video
201 bài giảng
1 bài quiz
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026

Bạn sẽ học được gì

Xây dựng cấu trúc trang web với HTML
Thiết kế giao diện trang web với CSS
Cách tạo website hoàn chỉnh từ đầu
Cách xây dựng website responsive

Yêu cầu

Không cần kinh nghiệm lập trình, bạn sẽ học mọi thứ cần thiết ngay tại đây =)

Đối tượng phù hợp

Dành cho người mới bắt đầu
Dành cho ai muốn học HTML và CSS
Dành cho ai muốn xây dựng website

Nội dung khóa học

17 phần • 201 bài giảng
1 Tổng quan khóa học
2 HTML là gì?
3 CSS là gì?
4 Tầm quan trọng của trình soạn thảo code
5 Website đầu tiên của chúng ta
6 Điều gì đã xảy ra?
7 Tài liệu khóa học
8 Kết luận
1 Giới thiệu
2 Cấu trúc của một thẻ HTML
3 Cấu trúc HTML
4 Thẻ tiêu đề
5 Đoạn văn
6 Thẻ không có nội dung
7 Chú thích
8 Thuộc tính
9 Mở liên kết trong tab mới
10 Hình ảnh
11 Thuộc tính alt
12 Danh sách không có thứ tự
13 Danh sách có thứ tự
14 Bảng
15 Thẻ div
16 Kết luận
1 Giới thiệu
2 Các cách thêm class
3 Cấu trúc CSS
4 CSS nội tuyến
5 Nhiều quy tắc CSS
6 CSS nội bộ
7 CSS bên ngoài
8 Thứ tự ưu tiên CSS
9 Chú thích trong CSS
10 Class và id
11 Class
12 Cách sử dụng id
13 Thứ tự quy tắc CSS
14 Về màu sắc trong CSS
15 Tên màu
16 HEX
17 HEX rút gọn
18 RGB
19 RGB với độ trong suốt
20 HSL
21 Màu nền
22 Nền với độ trong suốt
23 Giải quyết vấn đề độ trong suốt
24 Hình nền
25 Căn giữa hình nền
26 Mô hình hộp
27 Chiều rộng và chiều cao
28 Khoảng đệm
29 Khoảng đệm riêng lẻ
30 Khoảng đệm viết tắt
31 Khoảng đệm và chiều rộng
32 Đường viền
33 Đường viền riêng lẻ
34 Đường viền bo tròn
35 Khoảng cách ngoài
36 Tổng hợp tất cả
37 Căn chỉnh văn bản
38 Trang trí văn bản
39 Biến đổi văn bản
40 Khoảng cách chữ
41 Phông chữ
42 Kiểu phông chữ
43 Độ đậm phông chữ
44 Kích thước phông chữ
45 Thuộc tính hiển thị
46 Ẩn phần tử
47 Về vị trí trong CSS
48 Vị trí tĩnh
49 Vị trí tương đối
50 Vị trí tuyệt đối
51 Tương đối với Tuyệt đối
52 Vị trí cố định
53 Vị trí dính
54 Z-index
55 Kết luận
1 Giới thiệu
2 Cấu trúc dự án
3 Xây dựng phần đầu tiên
4 Hoàn thiện HTML
5 Bắt đầu phần CSS
6 Hoàn thiện CSS
7 Kết luận
1 Giới thiệu
2 Biểu mẫu là gì?
3 Biểu mẫu đầu tiên của chúng ta
4 Thuộc tính biểu mẫu
5 Thuộc tính name
6 Thuộc tính label
7 Gửi biểu mẫu đến máy chủ
8 Phần tử chọn
9 Thuộc tính selected
10 Chọn nhiều tùy chọn
11 Vùng văn bản
12 Nhóm trường và chú thích
13 Danh sách dữ liệu
14 Ô nhập mật khẩu
15 Đặt lại trường biểu mẫu
16 Nút radio
17 Hộp kiểm
18 Ô nhập ngày tháng
19 Ô nhập tệp
20 Ô nhập số
21 Ô nhập email
22 Thuộc tính value
23 Thuộc tính disabled
24 Thuộc tính placeholder
25 Thuộc tính required
26 Kết luận
1 Giới thiệu
2 Cấu trúc dự án
3 Tạo phần đầu trang
4 Tạo biểu mẫu
5 Hoàn thiện biểu mẫu
6 Đặt lại một số kiểu
7 Kết thúc dự án
1 Giới thiệu
2 Responsive là gì?
3 Cấu hình HTML
4 Tạo media query
5 Media query với min-width
6 Điểm ngắt phổ biến
7 Thêm kiểu cho thiết bị ngang
8 Kết luận
1 Giới thiệu
2 Cấu trúc cơ bản dự án
3 Thanh điều hướng
4 Thiết kế thanh điều hướng
5 Phần banner
6 Phần dịch vụ
7 HTML phần giá và gói dịch vụ
8 CSS phần giá và gói dịch vụ
9 Phần tìm kiếm tên miền
10 Hoàn thiện phiên bản desktop
11 Thêm responsive
1 Giới thiệu
2 Flexbox là gì?
3 Áp dụng flex cho phần tử
4 Hướng flex
5 Xuống dòng flex
6 Căn chỉnh theo trục chính
7 Căn chỉnh theo trục phụ
8 Khoảng cách giữa các phần tử
9 Thay đổi thứ tự
10 Tăng trưởng
11 Kích thước cơ sở
12 Thu nhỏ
13 Flex viết tắt
14 Căn chỉnh riêng
15 Kết luận
1 Giới thiệu
2 Tạo cấu trúc thư mục
3 Xây dựng biểu mẫu đăng nhập
4 Code các phần tử cuối và chân trang
5 Bắt đầu phần CSS
6 Hoàn thiện CSS cho biểu mẫu đăng nhập
7 Kết thúc phiên bản desktop
8 Thêm responsive
1 Bắt đầu dự án
2 Tạo và thiết kế biểu mẫu
3 Kết thúc dự án
1 Chuyên sâu HTML phần 1
2 Chuyên sâu HTML phần 2
3 Chuyên sâu HTML phần 3
4 Chuyên sâu HTML phần 4
5 Chuyên sâu HTML phần 5
6 Chuyên sâu HTML Ngữ nghĩa phần 1
7 Chuyên sâu HTML Ngữ nghĩa phần 2
8 Chuyên sâu HTML Ngữ nghĩa phần 3
9 Chuyên sâu CSS phần 1
10 Chuyên sâu CSS phần 2
11 Chuyên sâu CSS phần 3
12 Chuyên sâu CSS phần 4
13 Chuyên sâu CSS phần 5
14 Chuyên sâu Vị trí phần 1
15 Khóa học chuyên sâu về Positions - Phần 2
16 Kho lưu trữ Masterclass
1 Khóa học chuyên sâu về Flex - Phần 1
2 Khóa học chuyên sâu về Flex - Phần 2
3 Khóa học chuyên sâu về Flex - Phần 3
4 Khóa học chuyên sâu về CSS Grid - Phần 1
5 Khóa học chuyên sâu về CSS Grid - Phần 2
6 Khóa học chuyên sâu về CSS Grid - Phần 3
7 Khóa học chuyên sâu về CSS Grid - Phần 4
1 Khóa học chuyên sâu về Forms - Phần 1
2 Khóa học chuyên sâu về Forms - Phần 2
3 Khóa học chuyên sâu về Forms - Phần 3
4 Khóa học chuyên sâu về Forms - Phần 4
1 Giới thiệu
2 Thiết lập Dự án
3 Thiết kế Thanh điều hướng
4 Chi tiết Sản phẩm
5 Thiết kế Chi tiết Sản phẩm
6 Hoàn thiện Dự án
1 Giới thiệu dự án
2 Thiết kế dự án
3 Hoàn thành dự án
1 Kết thúc khóa học

Giới thiệu khóa học

In this course you're going to learn everything you need to know how to build responsive web sites with HTML and CSS.


You will have a mix of theory and practice, to know the concepts of the techniques and also apply them in real situations.

After the 4 projects of this course you are ready to create every website you want, and also adapt them to all the devices and screen sizes, using responsivity.


Some of the concepts that are present in this course are:

- HTML5;

- CSS3;

- Flexbox;

- Semantic HTML;

- Responsivity;

- Real projects and exercises to practice;

- And much more...


You don't need any previous contact with HTML or CSS, I am going to teach you from the very beginning, not only the languages, but the tools that you need as a developer are also covered in this course.


It is important to mention that all the subjects are explained in different aspects, so you will internalize this knowledge, to be ready to apply everything in your career or personal projects.


The projects of this course were built thinking in your progression and also to apply all the HTML elements and CSS rules you will learn, so we are going to start slow and in the end we will be building real websites and also clone a famous website.


If this is what you are searching for, I'm waiting for you in the classes to write code together! =)

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Css
Hiển thị tất cả khoá học Frontend Development
Hiển thị tất cả khoá học Html
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊