HTML Tutorial

« Previous Next »

HTML Symbol Entities

Some Mathematical Symbols Supported by HTML:

Output:

Some Greek Letters Supported by HTML:

Output:

Some Other Entities Supported by HTML:

Output 3:

Practice Exercises

Task 1: How to use HTML Symbol Entities to render Mathematical Formulations and Set Theory Notation?

Goal: Write a page section presenting a summation formula using Delta and Summation entities, along with set membership notation.
💡 Hint: Use symbols like ∑, Δ, ∈, and ∅.

💡 Show Solution

<!DOCTYPE html>
<html>
  <head>
    <title>Math &amp; Greek Symbols Example</title>
  </head>
  <body>

    <h2>Scientific Notation</h2>
    
    <p>Summation Formula: &Delta;x = &sum; (x_i)</p>
    <p>Set Theory: Element x &isin; Set A, where Set B = &empty;</p>

  </body>
</html>

Output :

Scientific Notation

Summation Formula: Δx = ∑ (x_i)

Set Theory: Element x ∈ Set A, where Set B = ∅

Explanation: HTML entities like Δ (Greek Delta), ∑ (Summation), ∈ (Element of), and ∅ (Empty set) allow complex math notations without needing images.

Task 2: How to incorporate Arrow entities, Card Suit symbols, and Trademark symbols into UI designs?

Goal: Create a mini UI menu with directional arrows, trademarked brand names, and playing card suits.
💡 Hint: Use → for right arrows, ™ for trademark, and &spades; / &hearts; for card symbols.

💡 Show Solution

<!DOCTYPE html>
<html>
  <head>
    <title>UI Symbol Entities Example</title>
  </head>
  <body>

    <h3>GameHub&trade; Portal</h3>
    
    <p>Selected Suits: &spades; Spades &amp; &hearts; Hearts</p>
    <p>Navigation: Back &larr; | Next &rarr;</p>

  </body>
</html>

Output :

GameHub™ Portal

Selected Suits: ♠ Spades & ♥ Hearts

Navigation: Back ← | Next →

Explanation: Entities like ™, →, ←, &spades;, and &hearts; provide standard built-in icons without using external icon libraries.

« Previous Next »