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@cmtoinchesconvert.com">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://cmtoinchesconvert.com/ko/web/html/link/html-text-link.htm">Text Link</a>

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

텍스트 링크

HTML 링크 코드 생성기

링크 유형 선택:

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

 

또한보십시오

Advertising

웹 HTML
°• CmtoInchesConvert.com •°