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.
![Download Now: How to Land a Developer Role in the World of AI [Free Checklist]](https://no-cache.hubspot.com/cta/default/53/8d6a0803-23b3-44d8-a193-5da3a6e366a7.png)
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.
How To Land a Developer Role in the World of AI
A free checklist to you help you stand out from the competition featuring Software Developer and YouTube Creator Tech With Tim.
- Expert advice on how to build a portfolio
- Top programming languages to learn
- Resume building and interview tips
- Resources to strengthen communication skills
Download Free
All fields are required.
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:
|
Operating System |
Method |
Symbol |
|
Windows |
Hold down the Alt and type 0169 on the numeric keypad |
© |
|
macOS |
Hold down the Option key and press G |
© |
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.
How To Land a Developer Role in the World of AI
A free checklist to you help you stand out from the competition featuring Software Developer and YouTube Creator Tech With Tim.
- Expert advice on how to build a portfolio
- Top programming languages to learn
- Resume building and interview tips
- Resources to strengthen communication skills
Download Free
All fields are required.
![HTML Projects for Beginners: How to Create a Personal Portfolio Page [Step-by-Step]](https://www.hubspot.com/hubfs/personal_portfolio.png)
![How to Embed Google Map in HTML [Step-By-Step Guide]](https://www.hubspot.com/hubfs/Google%20Drive%20Integration/How%20to%20Embed%20Google%20Map%20in%20HTML%20%5BStep-By-Step%20Guide%5D-2.jpeg)
![How to Create an HTML Tooltip [+ Code Templates]](https://www.hubspot.com/hubfs/Google%20Drive%20Integration/How%20to%20Create%20an%20HTML%20Tooltip%20%5B+%20Code%20Templates%5D.jpeg)
![How to Make an HTML Text Box [Examples]](https://www.hubspot.com/hubfs/html-text-box.webp)
![How to Create an HTML Dropdown Menu [+ Examples]](https://www.hubspot.com/hubfs/html-dropdown.jpg)