HTML 링크 코드

HTML 링크 코드를 작성하는 방법.

HTML 텍스트 링크

<a href="link/html-text-link.htm"/Text Link</a/

코드는 다음 링크를 생성합니다.

텍스트 링크

동일한 페이지에 대한 HTML 링크

앵커 링크 코드 :

<a href="#generator"/Link code generator</a/

코드는 다음 링크를 생성합니다.

링크 코드 생성기

링크를 누르면 브라우저가 다음 코드와 함께 아래 제목으로 이동합니다.

<h2/<a id="generator"/Link code generator</a/</h2/

HTML 이미지 링크

<a href="link/link-image.htm"/<img src="link/flower.jpg" width="82" height="86" alt="Flower"/</a>

코드는 다음 링크를 생성합니다.

꽃

HTML 이메일 링크

<a href="mailto:name@RT">Send Mail</a>

코드는 다음 링크를 생성합니다.

메일을 보내다

 

참조 : HTML mailto 링크 .

파일 다운로드에 대한 HTML 링크

<a href="link/test_file.zip">Download File</a>

코드는 다음 링크를 생성합니다.

파일 다운로드

 

참조 : HTML 다운로드 링크

새 창에서 HTML 링크 열기

이 링크는 새 창 또는 탭에서 열립니다.

<a href="link/html-text-link.htm" target="_blank">Open page in new window</a>

코드는 다음 링크를 생성합니다.

새 창에서 페이지 열기

HTML 버튼 링크

자바 스크립트없이 :

<form action="link/html-button-link.htm">
    <input type="submit" value="A button link">
</form>

자바 스크립트 사용 :

<input type="button" value="A button link" onclick="window.location.href='link/html-button-link.htm'">

링크 색상

링크 색상 변경은 CSS 스타일링으로 수행됩니다.

<a href="link/html-link-color.htm" style="color:red">Link color page</a>

코드는 다음 링크를 생성합니다.

링크 색상 페이지

 

링크 배경색 변경은 CSS 스타일링으로 수행됩니다.

<a href="link/html-link-color.htm" style="background-color:#ffffa0">Link color page</a>

코드는 다음 링크를 생성합니다.

링크 색상 페이지

상대 경로와 절대 경로 링크

이것은 상대 경로 URL이있는 링크입니다.

<a href="link/html-text-link.htm">Text Link</a>

코드는 다음 링크를 생성합니다.

텍스트 링크

 

이것은 절대 경로 URL이있는 링크입니다.

<a href="https://www.rapidtables.org/web/html/link/html-text-link.htm">Text Link</a>

코드는 다음 링크를 생성합니다.

텍스트 링크

HTML 링크 코드 생성기

링크 유형 선택 :

링크 텍스트 입력 :    
링크 할 URL 입력 :    
CSS 링크 스타일 설정 :    
일반 링크 :    
색깔:
배경색:
텍스트 장식 :  
새 대상 :  
마우스로 연결 한 링크 :    
색깔:
배경색:
텍스트 장식 :  
새 대상 :  
생성 된 링크보기 :    
생성 된 링크 코드 :    

 

또한보십시오

Advertising

웹 HTML
빠른 테이블