[Khóa học toàn tập về phát triển web] Khái niệm cơ bản về HTML&CSS

Nền tảng cho một trang web dễ đọc và nhanh!
Học HTML & CSS đúng cách ✨

HTML/CSS là gì?

HTML là viết tắt của Hyper Text Markup Language (Ngôn ngữ Đánh dấu Siêu văn bản) . Nó bao gồm bốn từ: Hyper, Text, Markup và Language. Trong số đó, Hyper là từ quan trọng nhất. Điều này là do manh mối quan trọng nhất để hiểu HTML có thể được thu thập từ các siêu liên kết .

Trong trình duyệt web hoặc công cụ tạo tài liệu như Word, thay vì sử dụng văn bản như thời đại giấy, bạn có thể sử dụng một tính năng gọi là siêu liên kết để liên kết đến các vị trí cụ thể, chẳng hạn như video, nhạc, ảnh, tệp và văn bản. Siêu liên kết là các liên kết tham chiếu có thể kết nối và trỏ đến bất kỳ loại dữ liệu nào trong một tài liệu. Thật đáng chú ý khi web thời kỳ đầu có các thẻ hoạt động như siêu liên kết. HTML, công nghệ nền tảng của web, cuối cùng ra đời để kết nối mọi thứ .

Hyper có nghĩa là "siêu việt" và Text có nghĩa là "ký tự". Nói cách khác, Hyper Text là một loại văn bản vượt ra ngoài văn bản thông thường, cho phép giao tiếp hữu cơ giữa các ký tự, câu và tài liệu.

HTML là ngôn ngữ có thể đánh dấu siêu văn bản . Đánh dấu ở đây đề cập đến thông tin thể hiện định dạng, cấu trúc và nhiều thông tin khác của tài liệu, bên cạnh nội dung của nó. HTML, một ngôn ngữ có thể thể hiện thông tin đánh dấu này, đóng vai trò là xương sống của web.

Trong khi đó, CSS (Cascading Style Sheets) là một ngôn ngữ thiết kế tô điểm cho HTML, nền tảng của HTML, bằng những chi tiết đẹp mắt. CSS cho phép bạn áp dụng các yếu tố thiết kế vào web, chẳng hạn như bố cục, màu sắc, phông chữ và kích thước.

HTML & CSS, tại sao tôi nên học chúng?

Bạn không thể trở thành nhà phát triển web nếu không học HTML/CSS .

Bạn đã bao giờ nghĩ về điều gì làm cho web dễ đọc và điều gì không? Chúng ta dành cả ngày để đọc vô số bài viết—sách, chương trình truyền hình, tạp chí, blog—và đọc chúng. Một số có thể đọc được, một số thì không. Điều tương tự cũng đúng với mã do các nhà phát triển web viết. Mặc dù vô hình với mắt người, nhưng chúng có thể được đọc bởi các phần mềm như công cụ tìm kiếm và trình đọc màn hình. Công cụ tìm kiếm và trình đọc màn hình diễn giải mã vô hình tạo nên web thông qua các trang web, và sau đó diễn giải các trang web chúng ta phát triển. Làm thế nào chúng ta có thể viết mã mà phần mềm có thể đọc và hiểu? Và tại sao điều này lại quan trọng?

Chìa khóa để viết nội dung dễ đọc là giữ cho nó đơn giản và rõ ràng. Điều này cũng đúng với mã do lập trình viên viết. Khi viết mã đánh dấu, hãy loại bỏ các thẻ không cần thiết và đơn giản hóa cấu trúc để chỉ bao gồm các thẻ cần thiết cho việc cấu trúc trang.

Web ngày nay không chỉ đòi hỏi sự quen thuộc mà còn cả tốc độ. Theo nghiên cứu của Google, nếu một trang web mất hơn năm giây để tải, khả năng khách truy cập rời khỏi trang sẽ tăng lên 90%. Việc hiểu rõ quy trình hiển thị của trình duyệt và tối ưu hóa tài nguyên được sử dụng trong một trang là rất quan trọng để mang lại trải nghiệm web không chỉ dễ đọc mà còn nhanh chóng. Do đó, việc phát triển một web tốt đòi hỏi nền tảng vững chắc về HTML và CSS, những ngôn ngữ cơ bản tạo nên web.

Các tính năng của khóa học này!

_{Dễ dàng và chi tiết}

_{Tập trung vào ứng dụng thực tế}

_{Thậm chí có cả mã ví dụ!}

• Chúng tôi sẽ giúp bạn hiểu về vòng đời phát triển web.
• Hiểu HTML là gì.
• Bạn sẽ học cách sử dụng chính xác từng thẻ tạo nên HTML.
• Tìm hiểu cách tạo thẻ phù hợp với người dùng thiết bị di động và người khiếm thị.
• Bạn sẽ học được toàn bộ cú pháp cơ bản của CSS.
• Bạn sẽ học CSS để tạo bố cục và triển khai web đáp ứng.
• Tất cả mã ví dụ đều có trên GitHub .

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

_{Mã VS}

_HTML/CSS

_Node.js

• Visual Studio Code được sử dụng làm công cụ IDE phát triển. Bạn sẽ tìm hiểu về các phương pháp phát triển và các tiện ích mở rộng hữu ích khi sử dụng Visual Studio Code.
• Cài đặt Node.js và tìm hiểu Node.js là gì.
• Bạn sẽ tìm hiểu về web và toàn bộ quá trình phát triển web, từ lập kế hoạch đến phát triển và thử nghiệm.
• Tìm hiểu tất cả các thẻ HTML cơ bản.
• Tìm hiểu về các thuộc tính toàn cục và cục bộ cho thẻ HTML.
• Bạn sẽ học các thẻ ngữ nghĩa và có thể sử dụng các thẻ phù hợp với ý nghĩa của mình.
• Bạn sẽ học cách định kiểu màu sắc, phông chữ, danh sách, bảng và nhiều thứ khác bằng CSS.
• Bạn sẽ học CSS để tạo bố cục và triển khai web đáp ứng.

_{Cấu trúc cơ bản và các thành phần cơ bản của HTML}

_{CSS để tạo bố cục}

Người tạo ra khóa học này là
Đó có thể là ai?

Phẩm giá của nhà phát triển

Một nhà phát triển phần mềm 24 tuổi muốn tạo ra tác động tích cực đến thế giới thông qua công nghệ phần mềm.
Tôi thích chia sẻ kiến thức của mình và luôn thích học những kỹ năng mới.

Tôi đã từng làm tư vấn và phát triển, xây dựng hệ thống ERP cho hơn 60 công ty toàn cầu, cả trong nước và quốc tế. Tôi cũng có kinh nghiệm bán phần mềm do chính mình phát triển cho các công ty hàng đầu trong nước và quốc tế. Tôi cũng là CEO của một công ty khởi nghiệp CNTT.

Không chỉ là một lập trình viên, mà còn là một chuyên gia tư vấn UX và đôi khi là một chuyên gia tư vấn kinh doanh, tôi đã tích lũy được kinh nghiệm sâu rộng trong mọi khía cạnh của phát triển ứng dụng và dịch vụ, từ lập kế hoạch đến phát triển. Giờ đây, với hơn 20 năm kinh nghiệm thực tế, tôi tận tâm chia sẻ kiến thức của mình với các đàn em, với tinh thần trách nhiệm mạnh mẽ là truyền đạt những kỹ năng thực sự thiết yếu và kiến thức thực sự hữu ích.

Bạn muốn biết thêm không?

• Chúng tôi cung cấp hơn 200 video bài giảng hữu ích thông qua kênh YouTube ' Developer's Dignity '.
• Ông là tác giả của ' Vanilla JavaScript ', ' Một tuần trước khi bắt đầu dự án Vue.js ', ' Một tuần trước khi bắt đầu dự án Node.js ', ' Các thuật ngữ CNTT bạn phải biết để trở thành nhà phát triển ', ' Vượt ra khỏi tư duy thiết kế để trở thành tư duy lập trình ', ' Những điều cần thiết của phát triển hợp đồng thông minh dành cho nhà phát triển Solidity ' và ' Tôi vẫn chưa dạy trẻ em viết mã '.
• Tôi là người dịch cuốn ' Learning TypeScript ' của O'Reilly.

[Khóa học Phát triển Web Full-Stack] Bộ sưu tập Series