>  기사  >  웹 프론트엔드  >  XHTML 입문 학습 튜토리얼: XHTML 하이퍼링크_HTML/Xhtml_웹페이지 제작

XHTML 입문 학습 튜토리얼: XHTML 하이퍼링크_HTML/Xhtml_웹페이지 제작

WBOY
WBOY원래의
2016-05-16 16:44:371482검색

하이퍼링크 태그
하이퍼링크는 인터넷 전체를 연결한다고 해도 과언이 아닙니다. 하이퍼링크는 다른 웹 페이지, 사진, MP3 노래 등과 같은 인터넷의 거의 모든 리소스를 가리킬 수 있습니다. XHTML을 사용하여 하이퍼링크를 만드는 구문은 매우 간단합니다.
태그 쌍만 있으면 됩니다.
페이지에 표시할 텍스트 또는 그림
예:
스크립트 홈
은 브라우저에 하이퍼링크로 표시됩니다. 클릭하시면 스크립트 홈(http://www.jb51.net/)으로 들어가게 됩니다. 효과는 다음과 같습니다.
스크립트 홈
태그의 href 속성은 이 하이퍼링크가 가리키는 주소입니다. 이는 일반 URL일 수도 있고 이메일 주소일 수도 있습니다. . 사이의 내용(요소)이 웹 페이지에 하이퍼링크로 표시됩니다. href 속성 값이 일반 URL(절대 경로)인 경우 "http://"를 생략할 수 없으며 그렇지 않으면 브라우저가 이를 상대 경로로 인식하므로 주의하세요. 절대 경로와 상대 경로의 차이점은 이 XHTML 튜토리얼의 범위를 벗어납니다. 이해가 되지 않으면 Baidu에서 관련 정보를 검색할 수 있습니다. 페이지 내 점프 하이퍼링크(앵커)
다른 웹사이트를 탐색할 때 페이지 상단이나 현재 웹페이지 내 임의의 위치로 돌아갈 수 있는 하이퍼링크가 있다는 것을 눈치채셨을 것입니다. 이 링크처럼:
제목으로 돌아가기
구현 방법은 다음과 같으며, 먼저 제목에 다음 코드를 추가합니다. :

XHTML 입문 학습 튜토리얼 - XHTML 하이퍼링크


하이퍼링크 자체의 코드는 다음과 같습니다.
제목으로 돌아가기
페이지 내로 이동하면 페이지에 콘텐츠가 많을 때 사용자가 필요한 정보를 빠르게 찾을 수 있습니다. 일반적으로 일부 설명 웹 페이지 내에서 디렉토리로 사용됩니다. 링크 연습
다음 연습에서는 이전 "index.html"에 하이퍼링크를 추가합니다. "index.html"을 열고 코드를 다음과 같이 수정합니다.

중간코드 생략...

연락처


저작권©2005-2006XXX 저작권 없음



성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.