HTML 링크는 웹 페이지가 다른 웹 페이지나 리소스(예: B. 파일 또는 이메일 주소. 그만큼 태그는 링크를 생성하는 데 사용되며 링크의 대상은 href 속성을 사용하여 지정됩니다.
HTML 링크를 만들려면 먼저 태그를 생성하고 href 속성으로 링크 대상을 지정합니다. 다음은 태그를 이용한 링크 생성 예입니다. 및 속성 href.
<a href="https://ccusean.com">이것은 예시 링크입니다.</a>위의 코드는 “This is a sample link” 텍스트를 클릭할 때 작동합니다. https://www.ccusean.com이동하는 링크를 생성합니다.
링크를 만들 때 href 속성은 다음 대상을 지정할 수 있습니다.
- 기타 웹사이트: https:// 또는 http://로 시작하는 주소를 지정하세요.
- 같은 웹 페이지의 다른 위치: #을 사용하여 같은 페이지에서 다른 위치를 지정할 수 있습니다.
- 파일: 로컬 파일 시스템 내에서 파일 경로를 지정할 수 있습니다.
- 이메일 주소: mailto:로 이메일 주소를 지정할 수 있습니다.
다음은 이러한 다양한 링크 대상을 지정하는 방법의 예입니다.
<a href="https://ccusean.com">이것은 예시 링크입니다.</a>
<a href="#section-1">섹션 1로 이동</a>
<h2 id="section-1">섹션 1</h2>
<a href="example.pdf">PDF 파일 다운로드</a>
<a href="mailto:[email protected]">이메일 보내기</a>
링크를 작성할 때 링크 텍스트를 클릭했을 때 어떤 조치를 취할 것인지를 명확하게 명시해야 합니다. 이를 위해 a 요소의 색상과 스타일을 변경하여 링크임을 나타낼 수 있습니다. 예를 들어 다음과 같은 스타일을 적용하여 링크를 돋보이게 만들 수 있습니다.
<a href="https://ccusean.com" style="color: blue; text-decoration: underline;">이것은 예시 링크입니다.</a>위의 코드는 아래와 같이 나타납니다.
마우스 오버 시 색상 변경과 같은 효과를 적용할 수도 있습니다. 이 스타일을 링크에 적용하면 링크가 더 잘 보입니다.