HTML에 저작권 기호 삽입:빠르고 안정적인 방법

HTML에는 키보드에서 쉽게 찾을 수 없는 기호와 엔터티가 있습니다. 이는 컴퓨터에서 사용할 수 있는 기호가 수백 가지이기 때문입니다. 키보드에는 모든 기호를 나타내는 수백 개의 키가 있습니다.

이 문서에서는 다양한 단축키를 사용하여 HTML에서 저작권 기호를 만드는 방법을 설명합니다.

©를 사용하여 HTML 저작권 기호를 만들 수 있습니다. 또는 © 기호 코드. 이러한 내용은 종종 한 단락 안에 포함됩니다. 앰퍼샌드는 웹페이지에 특수 문자를 포함시키려는 것을 나타냅니다.

저작권 기호의 구문은 다음과 같습니다:

<p>© 2020 Career Karma</p>

그러면 다음 텍스트가 표시됩니다:

©를 사용하여 동일한 목표를 달성할 수도 있습니다. 앰퍼샌드와 세미콜론을 지정해야 합니다. 그렇지 않으면 저작권 기호가 웹 페이지에 삽입되지 않습니다. 이는 ©와 ©가 특수 HTML 문자이기 때문입니다.

웹페이지를 만들 때 자신이 만든 페이지에 대한 소유권을 주장하는 것이 좋은 경우가 많습니다. 이를 통해 귀하의 작업에 대한 법적 보호가 제공됩니다. 소유권을 주장하려면 바닥글에 저작권 표시를 사용하여 귀하 또는 귀하의 고객의 자료를 보호하십시오. 소유권 주장을 명시적으로 나타내기 위해 저작권 기호를 사용할 수도 있습니다.

저작권 HTML 참조

다음 표에서는 코드에 HTML 저작권 기호를 만들 수 있는 다양한 방법을 보여줍니다.

Windows 또는 Mac 컴퓨터에는 실제 캐릭터 자체를 만드는 데 사용할 수 있는 특수 단축키가 있습니다. Windows에서는 Alt + 0169를 누르면 저작권 문자(©)가 표시되고, Mac에서는 옵션 + G를 입력합니다.

HTML 엔터티 이름 또는 번호를 사용하여 특수 문자를 만듭니다. 포장 &복사; 또는 © 태그 세트에 넣어도 동일한 결과를 얻습니다.

저작권 기호 HTML 예

저작권 기호를 사용하는 일반적인 장소는 바닥글입니다. 바닥글에 표시되는 저작권 표시를 작성해 보겠습니다.

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

HTML

태그는 웹 페이지의 바닥글을 생성하고 있음을 코드에 알려줍니다. 해당 바닥글 내에 HTML

태그를 지정했습니다.

태그에는 일부 텍스트와 저작권 기호가 포함되어 있습니다. 코드는 다음을 표시합니다:

Created by Career Karma. © 2020

<!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>

결론

HTML과 웹 개발자가 되는 방법에 대해 더 자세히 알고 싶으십니까? 전체 HTML 학습 방법 가이드를 확인하세요. 이 가이드에서는 HTML 학습에 대한 전문가의 조언과 최고의 온라인 학습 리소스 목록을 확인할 수 있습니다.