• Hajipur, Bihar, 844101

☰
❮
❯

HTML

HTML5 Basics

HTML Styling and Design

HTML Links and Media

HTML Layout and Structure

HTML Forms

HTML Graphics

HTML APIs

HTML Advanced Topics

HTML Symbols

← Previous Next →

HTML Symbols refer to special characters or icons that are commonly used in web pages to represent things like arrows, mathematical symbols, currency signs, and other icons that aren't part of the standard keyboard characters.

You use HTML entities or Unicode to display these symbols in HTML.

🔹 How to Use HTML Symbols

You can add symbols using:

  • Named entities: e.g., ♥ for ♥

  • Numeric entities: e.g., ♥ for ♥

  • Hexadecimal entities: e.g., ♥ for ♥

💻 Common HTML Symbols and Their Codes

Symbol Name Named Entity Decimal Code Hex Code
♥ Heart ♥ ♥ ♥
→ Right Arrow → → →
← Left Arrow ← ← ←
↑ Up Arrow ↑ ↑ ↑
↓ Down Arrow ↓ ↓ ↓
™ Trademark ™ ™ ™
£ Pound Sterling £ £ £
¥ Yen ¥ ¥ ¥
§ Section § § §
Paragraph ¶ ¶ ¶

💻 Example: Using HTML Symbols in HTML

<p>I &hearts; coding!</p>
<p>Go to the next page &rarr;</p>
<p>Trademark symbol: &trade;</p>
<p>Currency symbols: &pound;, &yen;</p>
<p>Use arrows: &larr; &uarr; &darr;</p>

Practice Questions

Q1. Write HTML to display a heart symbol.

Q2. Use the right arrow symbol to indicate navigation.

Q3. Display the trademark symbol after a brand name.

Q4. Show currency symbols like Pound and Yen in a price list.

Q5. Use up, down, left, and right arrows in a navigation menu.

Q6. Write HTML to display paragraph (§) and section (§) symbols.

Q7. Display the copyright symbol along with trademark symbols.

Q8. Use numeric codes to display the yen and pound symbols.

Q9. Create a list with multiple HTML symbols used as bullet points.

Q10. Combine arrows and symbols to design a simple navigation hint.

HTML Symbols Quiz

Q1: Which entity represents the heart symbol?

A. &heart;
B. &hearts;
C. &hrt;
D. &h;

Q2: How do you write the right arrow symbol in HTML?

A. &rightarrow;
B. &rarr;
C. &right;
D. &arrowright;

Q3: Which is the named entity for the trademark symbol?

A. &tm;
B. &trademark;
C. &trade;
D. &tmark;

Q4: What symbol does &pound; represent?

A. Dollar
B. Euro
C. Pound Sterling
D. Yen

Q5: Which symbol does &sect; represent?

A. Paragraph
B. Section
C. Star
D. Heart

Q6: Which arrow does &darr; display?

A. Left arrow
B. Right arrow
C. Up arrow
D. Down arrow

Q7: Which of the following is NOT a valid named entity?

A. &uarr;
B. &uparrow;
C. &darr;
D. &larr;

Q8: What does &#x2122; represent?

A. Registered trademark
B. Copyright
C. Trademark
D. Paragraph

Q9: How do you represent the yen symbol using a numeric entity?

A. &#165;
B. &#163;
C. &#8364;
D. &#36;

Q10: Which is the hexadecimal code for the paragraph symbol (¶)?

A. &#xB6;
B. &#xA7;
C. &#x2665;
D. &#x2122;
← Previous Next →
Login
Go Back Top