1. Giới thiệu về HTML  

HTML là ngôn ngữ siêu văn bản thực hành đưa ra nội dung về ý nghĩa và cấu trúc của trang bằng cách sử dụng phần tử thích hợp. Mã HTML mô tả giá trị của nội dung trên một trang, bất kể thiết kế hay kích thước của nội dung đó. Ngoài ra, HTML dễ quản lý web và các hoạt động hơn, vì nó hiển thị rõ ràng nội dung của mỗi phần.

Phiên bản mới nhất và nâng cao là HTML5, các phiên bản mới nhất của các trình duyệt thông như dụng  Safari, Google chrome, Mozial FireFox, Opera, Microsoft Edgg đều hỗ trợ HTML5 . Ngoài ra nhiều tính năng của HTML5 cũng hỗ trợ trên Internet Explorer 9.0.

2. Giới thiệu về CSS

CSS là một ngôn ngữ phức tạp, chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (ví dụ như HTML) hay còn được biết đến là nền tảng của thiết kế và phát triển web. Nó cho phép chúng ta thêm bố cục và thiết kế vào các trang của chúng ta và nó cho phép chia sẻ từ phần tử của trang này đến phần tử của trang khác.

Đầu tiên, điều quan trọng là phải biết chính xác cách các kiểu được hiển thị. Cụ thể, chúng ta sẽ cần phải biết các loại công cụ hoạt động như thế nào và thứ tự của các bộ chọn đó có thể ảnh hưởng như thế nào đến kiểu được hiển thị.

Đây là video hướng dẫn cài đặt môi trường và các công cụ cần thiết cho người mới bắt đầu học, làm quen với HTML CSS.

Các thẻ cơ bản trong HTML

Một tài liệu HTML được tạo nên từ các cặp thẻ html

• Thẻ được bắt đầu bằng dấu < và kết thúc bằng dấu >
• Tên thẻ nằm giữa cặp dấu <>

Ví dụ: <a> tức là đang khai báo thẻ a

• Cặp thẻ được tạo nên từ thẻ mở và thẻ đóng

Ví dụ: <a></a> trong đó <a> là thẻ mở, </a> là thẻ đóng

• Nội dung của thẻ sẽ được nằm giữa thẻ đóng và thẻ mở
• Cũng có một số thẻ chỉ có thẻ mở mà không có thẻ đóng.

Cú pháp của CSS cơ bản

Để có thể tạo được CSS, bạn cần biết đến Style Rule – cấu trúc của một CSS. Các rule này sẽ được trình duyệt thông dịch và áp dụng với các phần tử tương ứng đã được viết ra trên tài liệu trước đó. Một Style Rule bao gồm 3 phần như sau:

• Selector: Là một thẻ HTML mà bạn áp dụng style cho CSS. Ví dụ như: thẻ p, thẻ div, thẻ span…
• Property: Đây là một thuộc tính của HTML. Trong CSS thì tất cả các thuộc tính của HTML đều được chuyển thành CSS property như: border, color…
• Value: Là giá trị được gán cho property CSS.