How to Add a Copyright Symbol to Your HTML?
Last Updated :
16 Oct, 2024
When building websites, you may want to display a copyright symbol to indicate ownership or rights over content. This symbol can easily be added to your HTML document using several methods, including Hex Code, HTML Entities, or Decimal Unicode.
Methods to Add Copyright Symbols to Your HTML Document
Here are three simple methods to add the copyright symbol to your HTML page.
1. Using HEX Code
Hex codes represent characters using hexadecimal values. For the copyright symbol, the hex code is ©. You can insert this hex code into your HTML document to display the copyright symbol.
Example: This example illustrates the use of hex code to add a copyright symbol to your HTML document.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Copyright Symbol Example</title>
</head>
<body>
<p>All rights reserved © 2024 MyCompany.</p>
</body>
</html>
Output:
Using HEX Code2. Using HTML Entity
The easiest and most common method to add a copyright symbol in HTML is by using the HTML entity ©. This is a built-in entity in HTML, making it straightforward to insert the symbol without needing to remember any specific codes.
Example: This example illustrates the use of HTML entity to add a copyright symbol to your HTML document.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML Entity for Copyright</title>
</head>
<body>
<p>© 2024 MyCompany. All rights reserved.</p>
</body>
</html>
Output:
Using HTML Entity3. Using Decimal Unicode
Another method to add the copyright symbol is using its decimal Unicode value, which is ©. This method is similar to using hex code, but it uses the decimal representation of the symbol.
Example: This example illustrates the use of decimal unicode to add a copyright symbol to your HTML document.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Decimal Unicode for Copyright</title>
</head>
<body>
<p>Content copyright © 2024 MyCompany.</p>
</body>
</html>
Output:
Using Decimal Unicode
Similar Reads
How to Add Symbols in HTML? Symbols in HTML are important for conveying special characters, such as copyright, currency symbols, and arrows, which enhance content clarity and visual appeal. We will explore two different approaches to adding symbols in HTML.Below are the possible approaches: Table of ContentAdd Symbols using HT
2 min read
How To Add a Favicon in HTML? Adding an icon (also known as a favicon) to the title bar of a webpage is an essential feature for any website. This small visual element improves the user experience and makes your site easily identifiable in browser tabs.Preview ImageTo add a favicon to your HTML website, follow these simple steps
2 min read
How To Add a Favicon in HTML? Adding an icon (also known as a favicon) to the title bar of a webpage is an essential feature for any website. This small visual element improves the user experience and makes your site easily identifiable in browser tabs.Preview ImageTo add a favicon to your HTML website, follow these simple steps
2 min read
How to Create a Tooltip with only HTML? A tooltip is a small box that appears when a user hovers over an item on a website or software application. This article discusses the importance of creating simple, accessible tooltips in web design without depending on JavaScript or CSS frameworks. We will use only HTML elements, specifically titl
1 min read
How to add footer for a document or section using HTML5 ? In this article, we define a footer for a document or section by using the <footer> tag. This tag in HTML is used to define a footer of HTML document. This section contains the footer information (author information, copyright information, carriers, etc). The <footer> tag is used within
1 min read
How to Add a Short Quotation using HTML? For defining a short quotation by using an <q> tag. It is used to insert quotation texts on a web page, i.e. a portion of texts different from the normal texts. Syntax:<q> Quotation Text... </q>Example 1: The example below shows how to Add a Short Quotation using HTML5. html <!D
1 min read