Alpha Secondary | Lập trình Web

Giới Thiệu về HTML

HTML (HyperText Markup Language) là ngôn ngữ đánh dấu dùng để tạo ra các trang web. HTML cung cấp cấu trúc cơ bản của trang web và cho phép các trình duyệt hiển thị nội dung.

Cơ Bản về HTML

HTML sử dụng các thẻ để cấu trúc nội dung. Ví dụ:

<html>
    <head>
        <title>Tiêu Đề Trang</title>
    </head>
    <body>
        <h1>Chào Mừng</h1>
        <p>Đây là một đoạn văn.</p>
    </body>
</html>

Thẻ <html> là phần tử gốc, <head> chứa thông tin meta, và <body> chứa nội dung chính của trang.

Giới Thiệu về CSS

CSS (Cascading Style Sheets) là ngôn ngữ được sử dụng để định dạng và bố cục các phần tử trên trang web. CSS giúp tạo ra giao diện đẹp mắt và dễ dàng tùy chỉnh hơn cho các trang HTML.

Cơ Bản về CSS

CSS có thể được thêm vào trang web theo ba cách:

Inline CSS: CSS được viết trực tiếp trong các thẻ HTML bằng thuộc tính style.
Internal CSS: CSS được viết trong phần <style> của tài liệu HTML.
External CSS: CSS được viết trong một tệp riêng biệt và được liên kết với tài liệu HTML thông qua thẻ <link>.

Ví dụ, để thay đổi màu chữ và kích thước của đoạn văn, bạn có thể sử dụng CSS như sau:

<p style="color: blue; font-size: 20px;">
    Đây là một đoạn văn có màu xanh và kích thước chữ là 20px.
</p>

Ví Dụ HTML & CSS

Dưới đây là một số ví dụ kết hợp HTML và CSS:

Tiêu Đề: <h1 style="color: red;">Tiêu Đề Đỏ</h1>
Đoạn văn: <p style="font-size: 18px;">Nội dung đoạn văn lớn hơn bình thường.</p>
Liên kết: <a href="http://example.com" style="text-decoration: none;">Liên kết không gạch chân</a>

Danh sách:

<ul style="list-style-type: square;">
    <li>Mục 1</li>
    <li>Mục 2</li>
</ul>

Tài Nguyên

Các tài nguyên học HTML và CSS bổ sung: