링크
Coddy HTML 여정의 Fundamentals 섹션에 포함된 레슨 — 60개 중 21번째.
HTML에서 링크(또는 하이퍼링크)는 한 웹 페이지를 다른 웹 페이지와 연결하는 요소입니다.
다른 웹 페이지, 파일, 동일한 페이지 내의 위치 또는 기타 모든 URL로의 링크를 만들 수 있습니다. 링크는 앵커(anchor)를 의미하는 <a> 태그를 사용하여 생성됩니다.
HTML에서 링크를 만드는 기본 구문은 다음과 같습니다:
<a href="url">Link text</a><a>: 여는 앵커 태그입니다.href: 링크의 목적지 URL입니다.
Link text: 사용자가 보고 클릭할 수 있는 가시적인 텍스트입니다.</a>: 닫는 앵커 태그입니다.
Google 홈페이지로 연결되는 링크를 만드는 방법의 예시는 다음과 같습니다:
<a href="https://www.google.com">Visit Google</a>이 예제에서 사용자가 "Visit Google"이라는 텍스트를 클릭하면 https://www.google.com으로 이동하게 됩니다.
챌린지
쉬움다음 링크를 포함하는 HTML 문서를 만드세요:
- "https://coddy.tech"를 가리키고 "Visit Coddy"라는 텍스트를 표시하는 링크.
- "https://www.google.com"을 가리키고 "Visit Google"이라는 텍스트를 표시하는 링크.
보너스: 링크를 클릭해 보세요!
치트 시트
HTML의 링크는 <a> (앵커) 태그와 href 속성을 사용하여 생성됩니다:
<a href="url">Link text</a>href: 대상 URLLink text: 클릭 가능한 가시적 텍스트
예시:
<a href="https://www.google.com">Visit Google</a>직접 해보기
<!DOCTYPE html>
<html>
<body>
<!-- 여기에 코드를 작성하세요 -->
</body>
</html>
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
