Chèn biểu tượng bản quyền vào HTML:Phương pháp nhanh chóng và đáng tin cậy

Bản © hoặc © các biểu tượng đại diện cho dấu hiệu bản quyền HTML. Những biểu tượng này cho phép bạn nhúng dấu bản quyền trên trang web. Dấu bản quyền không xuất hiện trên hầu hết các bàn phím nên bạn cần sử dụng mã ký hiệu HTML.

HTML có các ký hiệu và thực thể không nhất thiết phải dễ dàng được tìm thấy trên bàn phím, nếu chúng xuất hiện. Điều này là do có hàng trăm ký hiệu bạn có thể muốn sử dụng trên máy tính. Bàn phím của bạn sẽ có hàng trăm phím để biểu thị tất cả các ký hiệu.

Bài viết này giải thích cách tạo biểu tượng bản quyền trong HTML bằng nhiều phím tắt khác nhau.

Bạn có thể tạo biểu tượng bản quyền HTML bằng cách sử dụng © hoặc © mã ký hiệu. Chúng thường được đính kèm trong một đoạn văn. Dấu và biểu thị muốn nhúng một ký tự đặc biệt vào trang web.

Cú pháp của ký hiệu bản quyền là:

<p>© 2020 Career Karma</p>

Điều này sẽ hiển thị văn bản sau:

Chúng ta cũng có thể sử dụng © để đạt được mục tiêu tương tự. Ký hiệu và dấu chấm phẩy phải được chỉ định. Nếu không, biểu tượng bản quyền sẽ không được nhúng vào trang web của bạn. Điều này là do © và © là các ký tự HTML đặc biệt.

Khi tạo một trang web, bạn nên xác nhận quyền sở hữu những gì mình tạo ra. Điều này sẽ cung cấp cho bạn một số sự bảo vệ pháp lý cho công việc của bạn. Để yêu cầu quyền sở hữu, hãy sử dụng thông báo bản quyền ở chân trang để bảo vệ tài liệu của bạn hoặc của khách hàng. Bạn có thể muốn sử dụng biểu tượng bản quyền để thể hiện rõ ràng yêu cầu về quyền sở hữu của mình.

Tham khảo HTML bản quyền

Bảng sau minh họa các cách khác nhau mà bạn có thể tạo biểu tượng bản quyền HTML trong mã của mình:

Chèn biểu tượng bản quyền vào HTML:Phương pháp nhanh chóng và đáng tin cậy

Trên máy Windows hoặc Mac, có những phím tắt đặc biệt mà bạn có thể sử dụng chỉ để tạo ký tự thực. Alt + 0169 sẽ lấy ký tự bản quyền (©) trên Windows, còn tùy chọn + G trên Mac.

Sử dụng Tên hoặc Số thực thể HTML để tạo ký tự đặc biệt. Gói &sao chép; hoặc © trong một tập hợp các thẻ và nhận được kết quả tương tự.

Ví dụ HTML về biểu tượng bản quyền

Nơi phổ biến để sử dụng biểu tượng bản quyền là ở chân trang. Hãy viết thông báo bản quyền xuất hiện ở chân trang:

<footer>
 <p>Created by Career Karma. © 2020</p>
</footer>

Thẻ HTML

cho mã của chúng ta biết rằng chúng ta đang tạo chân trang cho trang web của mình. Trong phần chân trang đó, chúng tôi đã chỉ định thẻ HTML

. Thẻ

chứa một số văn bản và biểu tượng bản quyền. Mã của chúng tôi hiển thị:

Created by Career Karma. © 2020

Chúng ta đã tạo thành công biểu tượng bản quyền.

Sử dụng biểu tượng bản quyền HTML trong mã của bạn

Hãy cùng xem một ví dụ đầy đủ về biểu tượng bản quyền HTML.

<!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width">
 <title>repl.it</title>
 <link href="style.css" rel="stylesheet" type="text/css" />
 <style>
 body {
 font-family: Arial
 }
 table, th, td {
 border: 1px solid black;
 border-collapse: collapse;
 }
 th, td {
 padding: 15px;
 }
 table, footer {
 margin: 20px auto;
 text-align: center;
 }
 tr:nth-child(even) {
 background-color: #dddddd;
 }
 span {
 color: blue;
 }
 </style>
 <script>
 function todayDate(){
 var d = new Date();
 var n = d.getFullYear() + " ";
 return document.getElementById("date").innerHTML = n;
 }
 </script>
 </head>
 <body onload=todayDate()>
 <table bordered>
 <tr>
 <th>Option</th>
 <th>shortcut or syntax</th>
 </tr>
 <tr>
 <td>Windows</td>
 <td>Alt + 0169</td>
 </tr>
 <tr>
 <td>Mac</td>
 <td>option + G</td>
 </tr>
 <tr>
 <td>HTML Entity Name</td>
 <td><span>&lt;span></span>&amp;copy;<span>&lt;span></span></td>
 </tr>
 <tr>
 <td>HTML Entity Number</td>
 <td><span>&lt;span></span>&amp;#169;<span>&lt;span></span></td>
 </tr>
 
 </table>
 <footer>
 &copy; <em id="date"></em>Career Karma
 </footer>
 </body>
</html>

Chúng tôi sử dụng ký hiệu bản quyền từ dòng thứ tư đến dòng cuối cùng trong mã HTML chân trang. Hãy thay đổi cách để tất cả chúng đều có tác dụng với bạn.

Kết luận

Biểu tượng bản quyền HTML được thể hiện bằng © hoặc ©. Bạn có thể sử dụng mã này để nhúng biểu tượng bản quyền vào trang web nếu ký tự này không được hiển thị trên bàn phím của bạn.

Bạn có muốn tìm hiểu thêm về HTML và cách trở thành nhà phát triển web không? Hãy xem hướng dẫn Cách học HTML đầy đủ của chúng tôi. Trong hướng dẫn này, bạn sẽ tìm thấy lời khuyên của chuyên gia về cách học HTML và danh sách các tài nguyên học tập trực tuyến hàng đầu.