Front-end Tutorials

Front-end Tutorials

HTMLCSSSassJavaScriptReactJS
CMS Tutorials

CMS Tutorials

WordPress
Tutorials expand

HTML Entity | Colon

Posted in HTML Tutorial
Updated on Feb 22, 2024
By Mari Selvan
👁️ 174 - Views
⏳ 4 mins
💬 1 Comment
HTML Entity Colon

Photo Credit to CodeToFun

Quick Reference

Let's have a look at HTML Entity Colon in a Table View.

NameValue
unicodeU+0003A
hex code:
html code:
html entity:
css code\0003A

📄 Example

The following example will demonstrate how to use Colon using Hexa Decimal, HTML Code, HTML Entity and CSS Entity.

For a complete reference, go to our HTML Entities.

entity.html
Copied
Copy To Clipboard
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\0003A";
  }
 </style>
</head>
<body>

<p>Colon using Hexa Decimal: &#x3a;</p>
<p>Colon using HTML Code: &#58;</p>
<p>Colon using HTML Entity: &colon;</p>
<p id="point">Colon using CSS Entity: </p>

</body>
</html>

💻 Output

Output
Colon using Hexa Decimal: :
Colon using HTML Code: :
Colon using HTML Entity: :
Colon using CSS Entity: :

✔ Conclusion:

Understanding and using HTML entities is fundamental for creating well-formatted, accessible web content. Whether you need to display special characters or ensure proper rendering of reserved symbols, HTML entities provide a standardized solution.

🤯 Fun Fact

Logo

Did you Know?

With over 1500 HTML entities available to date, please click here to explore the complete list of HTML entities.

👨‍💻 Join our Community:

To get interesting news and instant updates on Front-End, Back-End, CMS and other Frameworks. Please Join the Telegram Channel:

Author

author
👋 Hey, I'm Mari Selvan

For over eight years, I worked as a full-stack web developer. Now, I have chosen my profession as a full-time blogger at codetofun.com.

Buy me a coffee to make codetofun.com free for everyone.

Buy me a Coffee

Share Your Findings to All

Subscribe
Notify of
guest
1 Comment
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Mari Selvan
Mari Selvan
9 months ago

If you have any doubts regarding this article (HTML Entity | Colon) please comment here. I will help you immediately.

We make use of cookies to improve our user experience. By using this website, you agree with our Cookies Policy
AgreeCookie Policy