How to Create the Copyright Symbol in HTML

When building a website, displaying the copyright symbol is a simple way to protect your work. Luckily, it’s easy to add this symbol effectively with HTML.

In this article, I’ll explain how to create a copyright symbol using HTML entities and special character shortcuts. So if you're looking for that extra bit of protection on your page, read on.

How to Code the Copyright Symbol in HTML

To add a copyright symbol to a web page, use the HTML entity for this symbol, ©. You can also use the HTML code © to add this symbol to a page. Place this entity inside a paragraph, div, footer, or other tag to make it appear on a page.

See the Pen copyright symbol by HubSpot (@hubspot) on CodePen.

Why write the copyright symbol with HTML?

Using HTML to add your copyright symbol is a best practice that ensures consistency and accessibility, making it the preferred method over using an image. If you used an image instead, it would be more work to ensure it looks good across devices and browsers. Plus, you can easily change the size and color of the symbol with CSS.

Copyright HTML Operating System Reference

You can create copyright symbols with special character shortcuts on Windows or Mac devices.

Check out the table below for a quick reference:

Copyright Symbol HTML Example

Here’s an example of a basic website using the HTML code, placing the copyright symbol directly in the footer tag.

See the Pen copyright symbol: example by HubSpot (@hubspot) on CodePen.

Adding the Copyright Symbol in HTML

Creating copyright symbols in HTML is a great way to protect your work. It ensures consistency across all devices, browsers, and operating systems while providing an accessible experience for visually impaired users who rely on screen readers.

If you want to add copyright notices to your web page quickly and effectively, using HTML to code the copyright symbol is simply the best option.