HTML 웹페이지 하이퍼링크 태그 학습 튜토리얼
링크 태그의 속성
링크는 웹페이지에서 가장 중요한 요소 중 하나이자 웹사이트의 영혼입니다. 웹 사이트는 여러 페이지로 구성되며 페이지는 링크를 사용하여 상호 탐색 관계를 결정합니다. 각 웹페이지에는 URL(Uniform)이라는 고유한 주소가 있습니다.
의지
로케이터: 범용 자원 식별자). 주소 표시줄에 http://www.jb51.net을 입력하고 Enter를 누르면 스크립트 하우스 웹사이트의 메인 페이지가 열립니다. 보시다시피 페이지에는 여러 열, 여러 뉴스 항목 등이 있습니다. 상단의 다른 열은 텍스트 링크입니다.
링크 태그는 웹사이트 디자인과 제작에 있어 대체할 수 없는 위치를 차지하고 있지만 태그는 단 하나, 바로 본 사이트에 소개된 링크 애플리케이션은 모두 태그를 기반으로 합니다.
링크 태그의 속성은 아래 표에 나와 있습니다.
속성 설명 href는 링크 주소 이름을 지정합니다. 링크 제목은 링크 프롬프트 텍스트를 제공합니다.
target은 링크 액세스 키 링크 핫키의 대상 창을 지정합니다.
경로 정보
파일마다 고유한 저장 위치와 경로가 있습니다. 파일과 링크할 파일 간의 경로 관계를 이해하는 것이 링크를 만드는 기초입니다. url—Uniform Resource Locator는 각 웹사이트가 가지고 있는 독립적인 주소를 나타냅니다. 동일한 웹사이트에 속한 모든 웹페이지는 동일한 주소에 속하지만, 웹페이지를 생성할 때 각 링크에 전체 주소를 입력하는 것은 가능하지도, 필요하지도 않습니다. 현재 문서와 사이트 루트 디렉터리 간의 상대 경로 관계만 결정하면 됩니다. 따라서 링크는 다음 세 가지 유형으로 나눌 수 있습니다.
절대 경로
(예: http://www.jb51.net) 상대 경로
(예: news/default.htm 루트 경로)
/website/news/default.htm
세 가지 주소 형식을 이해하기 전에 먼저 내부 링크와 외부 링크라는 두 가지 개념을 이해해야 합니다.
내부 및 외부는 사이트 폴더를 기준으로 합니다. 링크가 사이트 폴더 내의 파일을 가리키는 경우 내부 링크입니다. 링크가 사이트 폴더 외부를 가리키는 경우 이를 외부 링크라고 합니다. 외부 링크를 추가할 때는 아래에 언급된 절대 주소가 사용되며, 내부 링크를 추가할 때는 아래에 언급된 루트 디렉터리 상대 주소와 파일 상대 주소가 사용됩니다.
이러한 세 가지 유형의 링크는 아래에 소개되어 있습니다.
절대 경로
절대 경로는 다음과 같은 조정된 프로토콜을 포함하여 파일에 대한 전체 경로를 제공합니다. http,Ftp,rtsp 등 일반적인 주소는 다음과 같습니다.
http://www.sohu.com
ftp://202.136.
다른 웹사이트의 파일을 링크할 때에는 반드시 절대링크를 사용해야 합니다. 상대 경로
상대 링크는 웹사이트의 내부 링크에 가장 적합합니다. 동일한 웹사이트에 있는 한, 동일한 디렉토리에 있지 않더라도 상대 링크가 매우 적합합니다. 파일 상대 주소는 내부 링크를 작성하는 이상적인 형태입니다. 상대 주소는 사이트 폴더 내에 있는 한 파일 간 링크를 자유롭게 구축할 수 있습니다. 이 주소 형식은 링크를 구성하는 두 파일 간의 상대적 관계를 활용하며 사이트 폴더가 있는 서버의 위치에 영향을 받지 않습니다. 따라서 이러한 형식의 쓰기에서는 절대 주소의 동일한 부분이 생략됩니다. 이것의 장점은 사이트 폴더가 위치한 서버 주소가 변경될 때 폴더의 모든 내부 링크(이 주소 형식을 사용하는 경우)가 문제를 일으키지 않는다는 것입니다.
상대링크를 사용하는 방법은 같은 디렉토리에 링크할 경우 링크할 문서명만 입력하면 됩니다. 하위 디렉터리에 있는 파일에 연결하려면 디렉터리 이름을 입력하고 "/"를 추가한 다음 파일 이름을 입력하면 됩니다. 상위 디렉토리에 있는 파일을 링크하려면 ".../"를 먼저 입력한 후 디렉토리명과 파일명을 입력합니다. 루트 경로
루트 상대 주소도 내부 링크 생성에 적합하지만 대부분의 경우 이러한 형태의 주소는 권장되지 않습니다. 다음과 같은 상황에서 사용됩니다. 사이트가 매우 크고 여러 서버에서 호스팅되는 경우 여러 사이트를 하나의 서버에 동시에 배치하는 경우
루트 디렉터리의 상대 주소를 쓰는 형식도 매우 간단합니다. 먼저 루트 디렉터리를 나타내는 슬래시로 시작하여 폴더 이름을 쓰고 마지막으로 파일 이름을 씁니다. . 루트 경로는 "/로 시작합니다.
"시작하고 루트 디렉터리 아래 디렉터리 이름.
#p#
내부 링크 만들기
소위 내부 링크는 동일한 웹사이트 내의 여러 HTML 페이지 간의 링크 관계를 의미합니다. 웹사이트에 내부 링크를 설정할 때 사용자가 필요한 콘텐츠의 HTML 파일을 쉽게 찾을 수 있도록 링크에 명확한 탐색 구조를 갖도록 하는 것을 고려해야 합니다.
다음으로 첫 번째 8-1.htm 페이지에서 8-1-1.htm 및 8-1-2.htm 두 페이지에 대한 링크를 만들고 두 페이지에 추가합니다. 링크된 각 페이지에서 8-1.htm 페이지로 돌아가는 링크. 세 페이지의 디렉터리 관계는 다음과 같습니다.
8-1.htm과 8-1-1.htm은 웹사이트의 루트 디렉터리에 저장되고, 8-1-2.htm은 테스트 디렉터리에 저장됩니다. 기본 구문 링크 텍스트구문 설명
href 속성을 통해 주소를 지정하고, File_name은 링크할 파일의 경로이고, "링크 텍스트"는 마우스로 클릭한 텍스트 내용입니다. 파일 예: 8-1.htm
태그를 통해 두 개의 다른 HTML 페이지에 각각 연결되는 두 개의 링크를 만듭니다.
01
02
03
04
05
06 <머리>
07
08
09
10
현재 웹페이지 기술은 새로운 단계에 들어섰습니다. 오늘날의 웹페이지는 더 이상 그림과 지루한 텍스트의 모음이 아닙니다. 이제 사람들이 추구하는 것은 웹페이지의 역동적인 효과와 상호작용성입니다. Macromedia의 웹 디자인 소프트웨어 삼총사인 Dreamweaver, Flash 및 Fireworks는 최신 버전인 mx로 대화형 웹 디자인의 뛰어난 대표자입니다.
2004는 이전 버전의 장점을 계승하고 기능을 더욱 통합하여 웹 디자인 및 웹 사이트 구축 요구에 매우 적합합니다.
12 웹 페이지 제작 소프트웨어 Dreamweaver mx 2004
13
14
웹 애니메이션 소프트웨어 Flash mx 2004
15
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
