« Previous Next »

HTML Entity Example

Output 1:

Combining Diacritical Marks

Output 2:

Practice Exercises

Task 1: How to display reserved HTML characters, currency symbols, and accented characters using HTML Entities and Diacritical Marks?

Goal: Display a product tag line showing price ranges in Euro/Yen, legal rights symbols (Copyright & Registered), and an accented brand name like "Café".
💡 Hint: Use reserved entities like ©, ®, ¥, and diacritical code é for the accented 'é'.
💡 Show Solution 
<!DOCTYPE html>
<html>
  <head>
    <title>HTML Entities Example</title>
  </head>
  <body>

    <h2>Welcome to Cafe&#769; &amp; Bakery&reg;</h2>
    
    <p>Code Snippet Preview: &lt;div class=&quot;menu&quot;&gt;</p>
    <p>Special Coffee Price: &yen;500 &amp; Pastry: &pound;3.50</p>
    
    <p>&copy; 2026 Cafe&#769; Corp. All rights reserved.</p>

  </body>
</html>
Output :

Welcome to Café & Bakery®

Code Snippet Preview: <div class="menu">

Special Coffee Price: ¥500 & Pastry: £3.50

© 2026 Café Corp. All rights reserved.

Explanation: HTML entities like &lt;, &gt;, and &quot; allow reserved characters to display as literal text without breaking HTML tags, while codes like e&#769; combine accents directly onto standard characters.
« Previous Next »