안녕하세요 토스트데브입니다.이번 글에서는 HTML 하이퍼링크의 다양한 활용 방법에 대해 실습 중심으로 정리해보겠습니다.단순한 링크를 넘어서 페이지 내 이동, 외부 웹사이트로 연결, 새 창 열기 등 실무에서 많이 사용되는 패턴들을 배워보세요! 🧷 기본 하이퍼링크 구조HTML에서 링크를 걸 때는 태그를 사용합니다.토스트데브 바로가기href: 이동할 주소(URL 또는 앵커)를 지정합니다. ✅ 1. 페이지 내 특정 위치로 이동 (앵커 링크)페이지 안에서 특정 영역으로 부드럽게 이동할 때 사용됩니다.보통 목차나 긴 페이지에서 유용하게 쓰입니다.🔹 구조 예시2번 섹션으로 이동2번 섹션이곳이 이동 대상입니다. href="#아이디" → 이동할 요소의 id와 일치해야 합니다.반드시 이동 대상 요소에 id 속성이..

안녕하세요 토스트데브입니다.오늘은 웹 페이지를 연결하는 가장 핵심적인 태그, 바로 태그와 그 주요 속성들에 대해 알아보겠습니다.단순히 링크를 거는 것에서 끝나지 않고, 링크의 동작 방식과 보안, 다운로드 기능까지 결정하는 중요한 요소들이 숨어있습니다. 📌 태그란?HTML에서 태그(anchor) 는 다른 페이지, 파일, 내부 요소, 이메일 주소 등으로 이동할 수 있는 링크를 만듭니다.Example 사이트로 이동href 속성: 이동할 대상의 주소(URL)를 지정합니다. 🎯 주요 속성 정리1. target링크를 클릭했을 때 어디에 열릴지를 지정합니다.값설명_self (기본값)현재 탭에서 열기_blank새 탭에서 열기_parent부모 프레임에서 열기_top가장 바깥 프레임에서 열기새 탭에서 열기✅ 참..