HTML 링크

네트워크에있는 다른 문서 연결 하이퍼 링크의 HTML 사용. 거의 모든 페이지에 대한 링크를 찾을 수 있습니다. 한 페이지에서 다른 페이지로 이동하는 링크를 클릭합니다.

시도 - 예

HTML 링크
어떻게 HTML 문서에 링크를 생성한다.

(이 페이지의 하단에 더 많은 예제를 찾을 수 있습니다)

HTML 하이퍼 링크 (링크)

HTML 태그는 하이퍼 링크를 설정하는 <A> 사용합니다.

하이퍼 링크 단어, 단어 또는 단어의 그룹이 될 수 있습니다, 그것은 이미지가 될 수 있습니다, 당신은 새 문서 또는 현재 문서의 섹션으로 이동이 클릭 할 수 있습니다.

는 웹 페이지, 작은 손의 화살표 변화에 대한 링크에 마우스 포인터를 이동 시키면.

링크 주소를 설명하는 href 속성 <A> 태그를 사용합니다.

기본적으로 링크는 브라우저의 형태로 나타납니다 :

• 방문하지 않은 링크는 파란색 글꼴로 표시하고 밑줄.
• 방문한 링크는 보라색 밑줄.
• 링크를 클릭, 링크는 빨간색으로 표시하고 밑줄이 그어져 있습니다.

참고 : CSS 스타일에 따라,이 하이퍼 링크에 대한 CSS 스타일을 설정하면 설정 화면을 보여줍니다.

HTML 링크 구문

링크 HTML 코드는 매우 간단합니다. 그것은이 같다 :

href 속성은 링크의 대상을 설명합니다. .

예

위의 코드 라인 ::으로 표시 이 자습서를 방문

하이퍼 링크를 클릭 튜토리얼 페이지로 사용자를합니다.

팁 :"링크 텍스트는"텍스트일 필요는 없습니다.이미지 또는 다른 HTML 요소는 링크 될 수있다.

HTML 링크 - target 속성

대상 속성을 사용하면 링크 된 문서가 어디에 표시됩니다 정의 할 수 있습니다.

라인은 아래에 새 창에서 문서를 열 것입니다 :

HTML 연결 - id 속성

id 속성 북마크 HTML 문서를 작성하는 데 사용될 수있다.

팁 : 책갈피는 HTML 문서에서, 어떤 특별한 방법으로 표시되지 않습니다이 표시되지 않습니다, 그래서 독자가 숨겨져 있습니다.

예

ID는 HTML 문서에 삽입된다 :

HTML 문서에서 "유용한 팁 섹션 (ID ="팁 ")"에 대한 링크를 만듭니다

또는, "유용한 팁 섹션 (ID ="팁 ")"에 다른 페이지에서 링크를 만듭니다

기본 사항 - 유용한 팁

참고 : 항상 하위 폴더에 슬래시를 추가합니다.그래서 링크를 작성하는 경우 HREF = "를 http://www.w3big.com/html"서버에 두 번 HTTP 요청을 생성합니다. HREF = "http://www.w3big.com/html/"서버가 주소에 슬래시를 추가 한 다음과 같은 새로운 요청을 만들 것이기 ​​때문이다.

더 많은 예제

사진 링크
이미지 링크를 사용하는 방법.

지정된 위치에 현재 페이지 링크
책갈피를 사용하는 방법

박스 외부
이 예제는 페이지가 프레임 워크 내에서 고정되어있는 경우, 프레임 밖으로 이동하는 방법을 보여줍니다.

전자 메일 링크 만들기
어떻게이 예는 메시지를 연결하는 방법을 보여줍니다. (당신이 메일 클라이언트를 설치 한 후이 경우 작동합니다.)

내장 이메일 링크 (2)
본 실시 예는보다 복잡한 전자 메일의 링크를 설명한다.

HTML 링크 태그