HTML(Hypertext Markup Language)은 웹 페이지를 만드는 데 사용되는 마크업 언어로, 하이퍼링크는 다른 문서나 페이지에 연결하는 마크업입니다. 이번 글에서는 HTML에서 하이퍼링크를 설정하는 방법에 대해 설명하겠습니다.
HTML 페이지에 링크를 만들려면 태그를 사용하여 링크의 대상 URL을 지정해야 합니다. 예:
이 코드 줄은 "Example.com을 방문하려면 여기를 클릭하세요"라는 텍스트를 생성하고, 사용자가 텍스트를 클릭하면 사용자를 예제로 연결합니다. .com.
링크 텍스트는 모든 텍스트일 수 있으며 반드시 전체 URL일 필요는 없습니다. 예를 들어, 위의 예에서 "Example.com을 방문하려면 여기를 클릭하세요"는 텍스트이고 "http://www.example.com"은 링크입니다.
일반적으로 하이퍼링크는 현재 브라우저 창이나 탭에서 대상 URL을 엽니다. 그러나 새 브라우저 창이나 탭에서 링크를 열어야 하는 경우도 있습니다. 이렇게 하려면 target 속성을 사용하세요. 예:
Visit example.com in a new window
이 코드 줄은 "Visit example.com in a new window"라는 텍스트를 생성하고 사용자가 텍스트를 클릭하면 표시됩니다. 새 브라우저에서 창이나 탭에서 example.com을 엽니다.
같은 창이나 탭에서 링크를 열려면 대상 속성을 생략하거나 _blank로 설정하면 됩니다. 예:
같은 창에서 example.com 방문
같은 창에서 example.com 방문
두 예제의 링크는 현재 창이나 탭에서 example.com을 엽니다.
하이퍼링크를 사용하여 동일한 페이지의 다른 부분으로 연결할 수도 있습니다. 이렇게 하려면 href 속성을 페이지에 있는 다른 요소의 ID로 설정한 다음 # 기호를 사용하여 ID를 연결하세요. 예:
섹션 2로 점프
...
이 예에서 사용자가 "섹션 2로 점프" 링크를 클릭하면 , 페이지는 ID가 "section2"인 h2 요소로 스크롤하고 이 요소의 콘텐츠를 표시합니다.
사용자가 링크를 클릭하고 기본 이메일 응용 프로그램(예: Outlook)을 실행하여 이메일을 보낼 수 있도록 페이지에 링크를 만들어야 하는 경우가 있습니다. 이렇게 하려면 href 속성을 mailto:로 시작하는 이메일 주소로 설정하세요. 예:
이 코드 줄은 페이지에 "Email us"라는 텍스트가 포함된 링크를 생성하고 이메일 주소를 info@example.com으로 설정합니다.
HTML에서 하이퍼링크는 다른 웹 페이지나 문서에 연결하는 중요한 방법입니다. 링크를 설정하고 다양한 속성과 옵션을 사용하는 방법을 익히면 사용자가 웹에서 정보를 쉽게 탐색하고 액세스할 수 있는 복잡한 링크와 대화형 페이지를 만들 수 있습니다.
위 내용은 HTML 설정 링크의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!