HTML - Symbols: A Beginner's Guide

Xin chào các bạnfuture web developers! Hôm nay, chúng ta sẽ nhảy vào thế giới kỳ diệu của các ký tự HTML. Là giáo viên máy tính hàng xóm thân thiện của bạn, tôi rất vui mừng được hướng dẫn bạn trong hành trình này. Hãy bắt đầu nhé!

What are HTML Symbols?

HTML symbols là các ký tự đặc biệt không thường thấy trên bàn phím tiêu chuẩn của bạn. Chúng bao gồm mọi thứ từ符号 bản quyền đến các phép toán toán học, và thậm chí là những biểu tượng可爱 nhỏ bé! Những ký tự này thêm một chút chuyên nghiệp và phong cách cho trang web của bạn.

Hãy tưởng tượng HTML symbols như là gia vị trong công thức thiết kế web của bạn. Cũng như một chút muối có thể làm nổi bật một món ăn, ký tự đúng có thể làm trang web của bạn nổi bật!

How to insert Symbols in HTML document?

Có ba cách chính để chèn các ký tự vào tài liệu HTML của bạn:

1. HTML Entities
2. Decimal Code
3. Hexadecimal Code

Hãy cùng khám phá từng phương pháp với một số ví dụ:

1. HTML Entities

HTML entities là các tên định nghĩa trước cho các ký tự cụ thể. Chúng luôn bắt đầu bằng dấu & và kết thúc bằng dấu ;.

<p>I &hearts; HTML!</p>

Mã này sẽ hiển thị: I ♥ HTML!

♥ là entity cho ký tự trái tim. Thật ngọt ngào phải không?

2. Decimal Code

Mỗi ký tự có một mã thập phân duy nhất. Để sử dụng nó, bắt đầu bằng &# và kết thúc bằng ;.

<p>Copyright &#169; 2023</p>

Điều này sẽ hiển thị: Copyright © 2023

Ở đây, © đại diện cho ký tự bản quyền.

3. Hexadecimal Code

Tương tự như mã thập phân, nhưng bắt đầu bằng &#x và kết thúc bằng ;.

<p>I like &#x1F60A;</p>

Điều này hiển thị: I like ?

😊 là mã cho biểu tượng mặt cười. Như thể thêm một nụ cười số hóa vào trang web của bạn!

Currency Symbols in HTML

Bây giờ, hãy nói về tiền bạc! Các ký tự tiền tệ rất quan trọng cho các trang web thương mại điện tử hoặc bất kỳ trang nào liên quan đến thông tin tài chính. Dưới đây là bảng các ký tự tiền tệ phổ biến:

Currency	Symbol	Entity	Decimal	Hexadecimal
Dollar	$	$	$	$
Euro	€	€	€	€
Pound	£	£	£	£
Yen	¥	¥	¥	¥

Hãy sử dụng chúng trong một ví dụ thực tế:

<p>Product prices:</p>
<ul>
<li>USA: &dollar;10.99</li>
<li>Europe: &euro;9.99</li>
<li>UK: &pound;8.99</li>
<li>Japan: &yen;1100</li>
</ul>

Mã này tạo ra một danh sách giá cả trong các loại tiền tệ khác nhau. Như một chợ mini quốc tế ngay trong HTML của bạn!

Mathematical Symbols in HTML

Đối với tất cả các bạn yêu thích toán học (và cả những ai không phải), HTML có thể đáp ứng nhu cầu của bạn với một loạt các ký tự toán học. Những ký tự này đặc biệt hữu ích cho các trang web giáo dục hoặc bất kỳ nội dung nào liên quan đến phương trình.

Dưới đây là bảng một số ký tự toán học phổ biến:

Symbol	Meaning	Entity	Decimal	Hexadecimal
×	Multiply	×	×	×
÷	Divide	÷	÷	÷
±	Plus-minus	±	±	±
√	Square root	√	√	√
∑	Sum	∑	∑	∑

Hãy sử dụng chúng trong một biểu thức toán học:

<p>The quadratic formula: x = (-b &plusmn; &radic;(b<sup>2</sup> - 4ac)) &divide; (2a)</p>

Điều này sẽ hiển thị: The quadratic formula: x = (-b ± √(b² - 4ac)) ÷ (2a)

Thật kỳ diệu khi chúng ta có thể biểu diễn các công thức toán học phức tạp bằng các ký tự HTML?

Conclusion

Và đây bạn đã có, các bạn! Chúng ta đã cùng nhau hành trình qua thế giới của các ký tự HTML, từ trái tim đến tiền tệ đến các phép toán toán học. Nhớ rằng, việc sử dụng các ký tự này giống như thêm gia vị vào суп HTML của bạn - sử dụng chúng một cách khôn ngoan để làm nổi bật trang web của bạn mà không làm cho chúng quá tải.

Trong khi tiếp tục hành trình mã hóa của bạn, đừng ngại thử nghiệm với các ký tự khác nhau. Ai biết được? Bạn có thể tìm thấy ký tự hoàn hảo làm cho trang web của bạn nổi bật!

Trước khi tôi rời đi, đây là một câu đùa HTML cho bạn:

<p>Why did the HTML tag go to the dentist?</p>
<p>It had a bad &lt;br&gt;eath!</p>

Tiếp tục mã hóa, tiếp tục học hỏi, và quan trọng nhất, hãy vui vẻ với các ký tự HTML!

Credits: Image by storyset