Menu

Tất cả danh mục

Đăng ký/ Đăng nhập

Gitiho contest

Cùng gitiho contest chinh phục kiến thức, khẳng định bản thân với hệ thống bài test phong phú, đầy đủ các chủ đề để bạn khám phá.

Lộ trình học tập

Khám phá đỉnh cao tri thức cùng Gitiho qua hành trình học tập được thiết kế tỉ mỉ và toàn diện. Với kho tàng lộ trình đa dạng, chuyên sâu trên mọi lĩnh vực, chúng tôi sẽ đồng hành cùng bạn khai phá tiềm năng, chinh phục thách thức và khẳng định giá trị bản thân. Mỗi hành trình đều được nghiên cứu công phu, tạo nên bước đệm vững chắc để bạn tự tin bứt phá và tỏa sáng trên con đường phát triển sự nghiệp."

Chương trình hội viên Gitiho

Gói Hội viên Gitiho: Trọn bộ khoá học theo Khung năng lực

480+ khóa học

15 Danh mục theo kỹ năng, ngành nghề

Năng lực Lõi, Năng lực Chuyên môn, Năng lực Bổ trợ, Năng lực Quản lý

Khám phá ngay

2000+ đã đăng ký

Gói Hội viên G-Skills: 03 kỹ năng bổ trợ thiết yếu

83 khóa học Tin học văn phòng

85 khóa học Kỹ năng mềm

29 khóa học Ngoại ngữ

Khám phá ngay

500+ đã đăng ký

Gitiho for leading business

Tối ưu và đơn giản hóa hoạt động đào tạo tại doanh nghiệp. Sẵn sàng nền tảng, nội dung đào tạo cho tất cả các vị trí, bộ phận. Ứng dụng MIỄN PHÍ ngay vào doanh nghiệp chỉ với MỘT click.

Đã được tin tưởng sử dụng bởi các doanh nghiệp

Top doanh nghiệp đã đăng ký cho nhân viên

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

Sử dụng được HTML và CSS để thiết kế giao diện các trang Web
Nắm được các khái niệm liên quan CSS Flexbox và CSS Grid
Sử dụng được các media query để làm cho trang web trở nên responsive (khả năng đáp ứng với các thiết bị khác nhau)
Tự tin thiết kế landing page thông qua project.

Khoá học này sẽ có:

Video

2h 53m giờ học

Article

0 bài viết chuyên môn

Material

0 tài liệu đính kèm

Exam questions

0 đề thi ghi nhớ kiến thức

Nội dung khoá học

4 Chương . 30 bài giảng . 2h 53m giờ học

Mở rộng tất cả các phần

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

1 bài giảng • 4 phút
  • 1. 1. Giới thiệu khóa học
    Xem trước
    04:47
  • 2. 2. Hello World
    Xem trước
    05:37
  • 3. 3. Tạo thẻ HTML đầu tiên
    04:59
  • 4. 4. Đoạn văn bản
    04:41
  • 5. 5. Liên kết trong web
    Xem trước
    05:43
  • 6. 6. Hình ảnh
    05:16
  • 7. 7. Danh sách
    02:53
  • 8. 8. Form
    05:22
  • 9. 9. Form - Thêm các trường
    04:26
  • 10. 10. Form - Thẻ Select
    04:45
  • 11. 11. Bảng biểu
    03:14
  • 12. 12. Cấu trúc file HTML
    05:25
  • 13. 13. Giới thiệu về CSS
    04:38
  • 14. 14. Sử dụng CSS ngoài
    04:23
  • 15. 15. Chọn phần tử trong CSS
    05:20
  • 16. 16. Box Model
    07:59
  • 17. 17. Canh lề
    04:32
  • 18. 18. Định dạng văn bản
    07:42
  • 19. 19. Cấu trúc của project
    08:33
  • 20. 20. Định dạng menu
    07:06
  • 21. 21. Định dạng image Area
    05:13
  • 22. 22. Định dạng các sản phẩm
    05:02
  • 23. 23. Responsive web
    06:25
  • 24. 24. Truy vấn media
    10:26
  • 25. 25. Tạo layout responsive
    10:38
  • 26. 26. Căn bản về Flexbox
    06:35
  • 27. 27. Xây dựng cấu trúc trang với Flexbox
    07:00
  • 28. 28. Căn bản CSS Grid
    03:54
  • 29. 29. Làm việc với hàng và cột trong Grid
    08:21
  • 30. 30. Tổng kết khóa học
    02:35

Mô tả khoá học

Học HTML và CSS là những bước đầu tiên tuyệt vời trên con đường dẫn trở thành nhà phát triển phần mềm chuyên nghiệp. Nó sẽ cung cấp cho bạn các kỹ năng để làm việc hiệu quả hơn và giao tiếp đúng cách với các nhà phát triển (ngay cả khi bản thân bạn không muốn trở thành một lập trình viên chuyên nghiệp)

Trong khóa học này, bạn sẽ học cách sử dụng HTML&CSS để tạo một trang web chuyên nghiệp, responsive được thiết kế cho cả máy tính để bàn và điện thoại di động. Bắt đầu với hiểu biết cơ bản về vai trò của HTML và CSS trong phát triển web, bạn sẽ học cách tạo biểu mẫu để thu thập thông tin của người dùng, cách hiển thị dữ liệu bằng bảng và các nguyên tắc thiết kế web responsive.

 

Giảng viên:

Đinh Nguyễn Trọng Nghĩa Giảng viên

Đinh Nguyễn Trọng Nghĩa

  • 5 điểm đánh giá

  • 5 đánh giá

  • 572 học viên

  • 10 khóa học

Xin chào, Tôi là Trọng Nghĩa. Tôi thích viết code và cũng thích giúp mọi người viết được code. Tôi đã có hơn 10 năm kinh nghiệm lập trình và giảng dạy. Hiện đang giảng dạy tại bộ môn Khoa học dữ liệu và Trí tuệ nhân tạo.

Tôi có thể hỗ trợ các bạn về các vấn đề liên quan đến AI, Data Science và Full-stack Web developer, với các ngôn ngữ lập trình như python, JavaScript, PHP, C#, java, cùng với các thư viện để thực hiện công việc như Flask, Django, React, Nodejs, …

Hy vọng được kết nối với các bạn ❤️❤️❤️

Học viên cũng mua

Học AppSheet Tip & Tricks
Tổng số 5 giờ 15 bài giảng
5
653
299,000 đ
499,000 đ
Học AppSheet Tip & Tricks
Power Query Cơ bản – Xử Lý Dữ Liệu Chuyên Sâu
Tổng số 5 giờ 58 bài giảng
4.91
223
799,000 đ
1,199,000 đ
Power Query Cơ bản – Xử Lý Dữ Liệu Chuyên Sâu
CG01 - Lập trình C# cơ bản cho Excel
Tổng số 4 giờ 25 bài giảng
4
103
399,000 đ
799,000 đ
CG01 - Lập trình C# cơ bản cho Excel

Hỏi đáp khóa học

0 thảo luận

Gửi ảnh
Quy định đăng bình luận
Gửi ảnh
Quy định đăng bình luận

Thảo luận về bài học

25 thảo luận

Trịnh Ngọc Thiêm

Trịnh Ngọc Thiêm

KÍNH GỬI THẦY

em hiện tại mới học lập trình, mong thầy hướng dẫn chi tiết và chậm lại những bước ban đầu 

em cảm ơn thầy rất nhiều
Trợ Giảng Gitiho

Trợ Giảng Gitiho

Dạ vâng Gitiho ghi nhận thông tin từ Anh/Chị và báo tới bộ phận liên quan để góp ý cho các video sau ạ.
{"id":236854,"crm_contact_id":413205,"name":"\u0110inh Nguy\u1ec5n Tr\u1ecdng Ngh\u0129a","email":"trongnghia77@live.com","status":1,"refresh_login":0,"password_reset":0,"last_update_password":null,"confirmation_code":"193a17ac83907a6cc1cd963e350fc054","confirmed":1,"session_id":null,"enable_api":0,"access_key":null,"created_at":"2022-07-27T13:22:08.000000Z","updated_at":"2025-05-15T09:11:16.000000Z","deleted_at":null,"unit_name":null,"grade":0,"avatar_disk":"public","avatar_path":"users\/1659154031.jpg","gender":0,"birthday":null,"position":null,"achievement":null,"full_name":"\u0110inh Nguy\u1ec5n Tr\u1ecdng Ngh\u0129a","address":null,"status_text":"<p>Xin ch\u00e0o, T\u00f4i l\u00e0 Tr\u1ecdng Ngh\u0129a. T\u00f4i th\u00edch vi\u1ebft code v\u00e0 c\u0169ng th\u00edch gi\u00fap m\u1ecdi ng\u01b0\u1eddi vi\u1ebft \u0111\u01b0\u1ee3c code. T\u00f4i \u0111\u00e3 c\u00f3 h\u01a1n 10 n\u0103m kinh nghi\u1ec7m l\u1eadp tr\u00ecnh v\u00e0 gi\u1ea3ng d\u1ea1y. Hi\u1ec7n \u0111ang gi\u1ea3ng d\u1ea1y t\u1ea1i b\u1ed9 m\u00f4n Khoa h\u1ecdc d\u1eef li\u1ec7u v\u00e0 Tr\u00ed tu\u1ec7 nh\u00e2n t\u1ea1o.<\/p><p>T\u00f4i c\u00f3 th\u1ec3 h\u1ed7 tr\u1ee3 c\u00e1c b\u1ea1n v\u1ec1 c\u00e1c v\u1ea5n \u0111\u1ec1 li\u00ean quan \u0111\u1ebfn AI, Data Science v\u00e0 Full-stack Web developer, v\u1edbi c\u00e1c ng\u00f4n ng\u1eef l\u1eadp tr\u00ecnh nh\u01b0 python, JavaScript, PHP, C#, java, c\u00f9ng v\u1edbi c\u00e1c th\u01b0 vi\u1ec7n \u0111\u1ec3 th\u1ef1c hi\u1ec7n c\u00f4ng vi\u1ec7c nh\u01b0 Flask, Django, React, Nodejs, \u2026<\/p><p>Hy v\u1ecdng \u0111\u01b0\u1ee3c k\u1ebft n\u1ed1i v\u1edbi c\u00e1c b\u1ea1n \u2764\ufe0f\u2764\ufe0f\u2764\ufe0f<\/p>","user_type":"","social_facebook":"","social_google":"","social_twitter":"","social_linkedin":"","cover_path":"","idvg_id":0,"facebook_id":0,"phone":"0986942389","become_teacher":0,"primary_wallet":1009697,"secondary_wallet":0,"wallet_type":"","wallet_payment":"","loyalty_point":0,"google_id":null,"github_id":null,"twitter_id":null,"linkedin_id":null,"bitbucket_id":null,"access_token_onedrive":"","system_status":"pending","account_seeding":0,"path_cv":null,"enable_unsubcribe":0,"clap":0,"view":1780,"email_invalid":0,"type_email_invalid":null,"email_unsubcriber":0,"email_bounce":0,"email_compliant":0,"contract_business_name":"\u0110inh Nguy\u1ec5n Tr\u1ecdng Ngh\u0129a","contract_number":"01.27.07\/2022\/H\u0110HT-GITIHO-SP","contract_date":"2022-09-15","contract_delegate":"\u0110inh Nguy\u1ec5n Tr\u1ecdng Ngh\u0129a","contract_address":"65 \u0111\u01b0\u1eddng 49 P10 Q6 TPHCM","contract_account_number":"0028121986","contract_bank":"Ng\u00e2n h\u00e0ng OCB","source":null,"login_mobile":0,"gitiho_user":1,"avatar":"https:\/\/gitiho.com\/caches\/ua_small\/users\/1659154031.jpg","link_profile":"https:\/\/gitiho.com\/teacher\/236854-dinh-nguyen-trong-nghia","vip_account":null,"roles":[{"id":8,"biz_business_id":0,"name":"Teacher","display_name":"Teacher","guard_name":"web","created_at":"2022-11-30T09:06:55.000000Z","updated_at":"2022-11-30T09:06:55.000000Z","is_default":0,"pivot":{"model_type":"App\\Models\\User","model_id":236854,"role_id":8}},{"id":17,"biz_business_id":0,"name":"partnerAffiliate","display_name":"partnerAffiliate","guard_name":"web","created_at":"2022-11-30T09:06:55.000000Z","updated_at":"2022-11-30T09:06:55.000000Z","is_default":0,"pivot":{"model_type":"App\\Models\\User","model_id":236854,"role_id":17}}]}

Đinh Nguyễn Trọng Nghĩa [Giảng viên]

Chào bạn,

Cảm ơn bạn đã tham gia khóa học!

Vì đây là khóa học online, bạn có thể xem lại bài giảng nhiều lần để nắm vững kiến thức. Nếu chưa kịp code theo hướng dẫn, bạn có thể tạm dừng (pause) video và thực hành từng bước một.

Nếu có bất kỳ thắc mắc nào liên quan đến nội dung bài học, bạn cứ đặt câu hỏi, tôi sẽ hỗ trợ trong thời gian sớm nhất.

Chúc bạn học tốt!

Thân mến,
Trần Vũ Minh

Trần Vũ Minh

thuộc tính

background-color
Đinh Nguyễn Trọng Nghĩa

Đinh Nguyễn Trọng Nghĩa [Giảng viên]

Trong VS Code, chỉ cần gõ vài ký tư thì IDE sẽ tự hiện ra gợi ý cho mình. VD thuộc tính background-color nếu quên, bạn chỉ cần gõ “ba” thì VS Code sẽ hiển thị danh sách gợi ý cho mình
{"id":362378,"crm_contact_id":628957,"name":"Tr\u1ea7n V\u0169 Minh","email":"tranminnh1299@gmail.com","status":1,"refresh_login":0,"password_reset":1,"last_update_password":"2023-09-05 18:07:05","confirmation_code":"1273987f23878287caf14ba98bd4faa7","confirmed":1,"session_id":null,"enable_api":0,"access_key":null,"created_at":"2023-09-05T11:02:25.000000Z","updated_at":"2024-12-27T09:11:04.000000Z","deleted_at":null,"unit_name":null,"grade":0,"avatar_disk":"public","avatar_path":"users\/1696033024.jpg","gender":2,"birthday":null,"position":null,"achievement":null,"full_name":null,"address":null,"status_text":"","user_type":"","social_facebook":"","social_google":"","social_twitter":"","social_linkedin":"","cover_path":"","idvg_id":0,"facebook_id":0,"phone":"0349501848","become_teacher":0,"primary_wallet":0,"secondary_wallet":0,"wallet_type":"","wallet_payment":"","loyalty_point":111045,"google_id":"107105232651561897574","github_id":null,"twitter_id":null,"linkedin_id":null,"bitbucket_id":null,"access_token_onedrive":"","system_status":"pending","account_seeding":0,"path_cv":null,"enable_unsubcribe":0,"clap":0,"view":0,"email_invalid":0,"type_email_invalid":null,"email_unsubcriber":0,"email_bounce":0,"email_compliant":0,"contract_business_name":null,"contract_number":null,"contract_date":null,"contract_delegate":null,"contract_address":null,"contract_account_number":null,"contract_bank":null,"source":null,"login_mobile":0,"gitiho_user":1,"avatar":"https:\/\/gitiho.com\/caches\/ua_small\/users\/1696033024.jpg","link_profile":"https:\/\/gitiho.com\/u\/362378-tran-vu-minh","vip_account":null,"roles":[]}

Trần Vũ Minh

em cảm ơn
Trần Vũ Minh

Trần Vũ Minh

cho em hỏi câu lệnh media em gõ sao trên web không chạy ạ
Đinh Nguyễn Trọng Nghĩa

Đinh Nguyễn Trọng Nghĩa [Giảng viên]

Bạn chú ý gõ đúng cú pháp (xem kỹ lại bài học bạn nhé). Bạn cũng có thể paste code lên đây để được giải đáp.

 

Cú pháp media bên dưới (bạn có thể sử dụng max-width hoặc min-width, chú ý 2 thông số này ý nghĩa khác nhau

 

@media screen and (max-width: 600px)

{

 

}
Lê Hùng

Lê Hùng

Nhờ Thầy hướng dẫn upload trang web html css lên internet.
Đinh Nguyễn Trọng Nghĩa

Đinh Nguyễn Trọng Nghĩa [Giảng viên]

https://www.youtube.com/watch?v=FStyFmcA-Wo

Bạn có thể tham khảo tại đây

Chúc bạn thành công
Lê Hùng

Lê Hùng

Chào thầy, sau khi học xong 4 chương em có làm một trang web cho riêng mình nhờ thầy hướng dẫn cách up lên internet.
Đinh Nguyễn Trọng Nghĩa

Đinh Nguyễn Trọng Nghĩa [Giảng viên]

https://www.youtube.com/watch?v=FStyFmcA-Wo

Bạn có thể làm theo hướng dân tại đây

 

Chúc bạn thành công

 
249,000đ
Scroll Top Top

Hỗ trợ khách hàng

VỀ GITIHO

hợp tác và liên kết

Tải App Gitiho

Kết nối với chúng tôi

Địa chỉ văn phòng: Phòng 302, tầng 3, Tòa nhà Tây Hà, KĐT mới Phùng Khoang, Phường Trung Văn, Quận Nam Từ Liêm, Thành phố Hà Nội, Việt Nam
© 2020 - Bản quyền của Công Ty Cổ Phần Công Nghệ Giáo Dục Gitiho Việt Nam
Giấy chứng nhận Đăng ký doanh nghiệp số: 0109077145, cấp bởi Sở Kế hoạch và Đầu tư TP. Hà Nội
Giấy phép mạng xã hội số: 588, cấp bởi Bộ Thông tin và Truyền thông