HTML/CSS | Vai trò của HTML, CSS, Javascript

Học HTML, CSS từ Zero Tới Hero

HTML, CSS và JavaScript

HTML (HyperText Markup Language - Ngôn ngữ đánh dấu siêu văn bản), CSS (Cascading Style Sheets - Các tập tin định kiểu theo tầng) và JavaScript là 3 ngôn ngữ để phát triển web mà trình duyệt có thể hiểu. Chúng là các ngôn ngữ khác nhau nhưng có quan hệ mật thiết với nhau, mỗi ngôn ngữ được thiết kế cho những nhiệm vụ cụ thể. Việc hiểu rõ được cách chúng làm việc với nhau sẽ giúp bạn sớm trở thành một nhà phát triển web chuyên nghiệp.

Trước tiên, bạn cần nắm được:

• HTML dùng để thêm ý nghĩa cho nội dung bằng cách đánh dấu nó
• CSS dùng để định dạng cho nội dung đã được đánh dấu bởi HTML
• JavaScript dùng để thêm chức năng giúp người dùng có thể tương tác nhiều hơn với trang web

✨ Hãy tưởng tượng HTML là phần khung xương của một trang web, CSS là những gì bạn nhìn thấy trên trang web và JavaScript là các hành vi có thể thao tác trên trang web.

HTML là phần cấu trúc, CSS hoàn thiện về thẩm mỹ, JavaScript làm tính năng tương tác.

Ví dụ: bạn có thể đánh dấu một đoạn văn bản với code HTML như này:

<p id="paragraph">Hôm nay là một ngày đẹp trời!</p>

Sau đó, bạn có thể đặt kích thước và màu sắc cho đoạn văn bản với CSS sau:

#paragraph {
    font-size: 18px;
    color: red;
}

Cuối cùng, nếu bạn muốn nhấn vào đoạn văn bản thì nội dung của nó sẽ thay đổi, thêm code JavaScript sau:

const p = document.getElementById('paragraph');
p.onclick = function() {
    this.innerText = 'Bạn đã CLICK vào đoạn văn bản!';
};

Kết quả:

Bạn có thể click vào văn bản màu đỏ để xem JavaScript hoạt động nhé.

Như các bạn thấy, HTML, CSS và JavaScript là 3 ngôn ngữ hoàn toàn khác nhau, nhưng chúng được sử dụng với nhau để tạo ra một trang web. Hầu hết mọi trang web đều sử dụng cả 3 ngôn ngữ này, tuy nhiên vẫn có thể tạo ra trang web chỉ với HTML và CSS. Vì vậy, mục tiêu của khóa học này là chỉ tập trung vào HTML và CSS, đây sẽ là một khởi đầu phù hợp nhất khi bạn là người mới bắt đầu.

Tóm tắt

• HTML, CSS và JavaScript là 3 ngôn ngữ duy nhất mà trình duyệt có thể hiểu
• HTML viết tắt của HyperText Markup Language, nghĩa là Ngôn ngữ đánh dấu siêu văn bản
• CSS viết tắt của Cascading Style Sheets, nghĩa là Các tập tin định kiểu theo tầng
• JavaScript là một ngôn ngữ lập trình, giúp thêm tính tương tác cho trang web
• Ví HTML như phần khung của một ngôi nhà, thì CSS đóng vai trò trang trí cho ngôi nhà trở nên đẹp mắt, và JavaScript giúp ngôi nhà có nhiều tiện nghi hiện đại hơn.