Thiết kế web với HTML & CSS

🌐 HTML là gì?

HTML là viết tắt của cụm từ Hypertext Markup Language (ngôn ngữ đánh dấu siêu văn bản), là một bộ quy tắc dùng để thiết lập cấu trúc và hiển thị nội dung trang web.

Trang web được thiết lập từ các tệp văn bản thường có phần mở rộng là .html hoặc .htm được gọi là trang html. Trên trang html, ta có thể thấy nội dung bao gồm phần văn bản (text) và các kí tự đánh dấu đặc biệt nằm trong hai dấu "<", ">".

🏷️ Thẻ đánh dấu HTML (Tag)

Thẻ đánh dấu HTML (tag) là các thành phần chính tạo thành ngôn ngữ đánh dấu siêu văn bản. Mỗi loại thể có một tên riêng và có ý nghĩa nhất định trong định dạng nội dung của trang web.

Lưu ý:

• Tên thể HTML không phân biệt chữ hoa, chữ thường

• Các thể có thể lồng nhau: <p>Trang này được lập bởi <em>nhóm bạn bè</em></p>

• Phần lớn các thể đều là thể đôi (có thể bắt đầu và thể kết thúc)

• Một số thể đơn: <hr/>, <br/>

<!-- Ví dụ về thẻ HTML -->
<h1>Đây là tiêu đề cấp 1</h1>
<p>Đây là một đoạn văn bản trong HTML.</p>
<p>Trang này được lập bởi <em>nhóm bạn bè</em> thân thiết</p>
Dòng thứ nhất<br>Dòng thứ hai
<hr>

Đây là tiêu đề cấp 1
Đây là một đoạn văn bản trong HTML.
Trang này được lập bởi nhóm bạn bè thân thiết
Dòng thứ nhất
Dòng thứ hai
[đường kẻ ngang]

📦 Phần tử HTML (Element)

Phần tử HTML (element) là khái niệm cơ bản của trang html. Thông thường, một phần tử được định nghĩa bởi thể bắt đầu, thể kết thúc và phần nội dung nằm giữa cặp thể này.

Ví dụ: <p>Đây là nội dung của phần tử</p>

Mỗi tệp HTML là tập hợp các phần tử HTML. Các phần tử HTML có thể độc lập, rời nhau hoặc lồng nhau.

<!-- Phần tử lồng nhau -->
<div>
    <h1>Tiêu đề</h1>
    <p>Đoạn văn <strong>in đậm</strong></p>
</div>

Tiêu đề
Đoạn văn in đậm