찾다
웹 프론트엔드HTML 튜토리얼HTML 초보자 가이드(7)

HTML 초보자 가이드(7)

Dec 23, 2016 pm 02:46 PM
html

URL
World Wide Web은 URL(Uniform Resource Locator)을 사용하여 다른 서버의 파일을 가리킵니다. URL에는 액세스되는 리소스 유형(예: 웹, 고퍼, WAIS), 서버 주소가 포함됩니다. , 파일 위치입니다. 구문 형식은 다음과 같습니다.

scheme://host.domain [:port]/path/ filename

여기서 Scheme은 다음 중 하나입니다

file
로컬 시스템의 파일
ftp
익명 FTP 서버의 파일
http
World Wide Web 서버의 파일
gopher
파일 Gopher 서버의
WAIS
WAIS 서버의 파일
news
Usenet의 뉴스그룹
telnet
텔넷 기반 서비스에 대한 연결
포트 포트 번호는 일반적으로 다음과 같습니다. 생략합니다. (상대방이 사용하라고 지시하지 않는 한 무시하세요.)

예를 들어 문서에 다음 가이드를 연결하세요.


NCSA의 HTML 초보자 가이드


NCSA의 HTML 초보자 가이드 텍스트를 하이퍼링크로 표시합니다. 현재 문서

지정된 섹션에 대한 링크
또한 앵커를 사용하여 독자를 기본 상단 위치로 안내하는 대신 문서 내 특정 영역(현재 문서 또는 다른 문서)으로 안내할 수도 있습니다. 이 유형의 앵커 체인은 링크를 만들 때 문서에 HTML 이름을 삽입해야 하기 때문에 흔히 명명된 앵커라고 합니다.

이 가이드는 동일한 문서에서 명명된 앵커를 사용하는 좋은 예입니다. 이렇게 하면 문서를 더 쉽게 인쇄할 수 있습니다. 그러나 HTML에 대한 정보의 일부만 알고 싶은 경우에는 이러한 (긴) 문서를 탐색하는 데 시간이 많이 걸립니다. " "목차"를 만드는 데 내부 하이퍼링크가 사용됩니다. 문서의 한 위치에서 다른 위치로 이동할 수 있습니다. (이 글의 상단으로 이동하여 콘텐츠 색인의 특정 섹션에 대한 링크를 클릭하세요. 여기로 돌아옵니다.)

또한 다른 문서의 특정 섹션에 연결할 수도 있습니다.

다른 문서의 지정된 부분 사이의 링크
문서 A(documentA.html)에서 다른 문서(MaineStats. html).

이름이 지정된 링크를 가리키도록 HTML 인코딩을 입력하세요.

documentA.html:

메인에는 많은 주립 공원 외에도
Acadia National Park

파운드 기호(#) 뒤의 문자열은 MaineStats.html에서 파일 A 태그로 간주될 수 있습니다. . 이 태그는 링크가 활성화될 때 링크 표시를 시작할 위치를 알려줍니다. 위의 예에서 표시되는 첫 번째 줄은 Acadia National Park 제목입니다.

2단계, 이름이 지정된 앵커 체인(")을 만듭니다. ANP") MaineStats.html

Acadia National Park

이후 요소가 완성되면 독자가 MaineStats.html에서 Acadia의 참조 정보를 직접 찾을 수 있습니다.

참고: 지정된 위치에 있는 다른 문서에 연결하려면 해당 문서에 대한 쓰기 권한이 있어야 합니다. 해당 문서에는 이미 문서 내에 명명된 앵커 링크가 포함되어 있습니다. 예를 들어, 이 문서에는 이미 명명된 앵커가 포함되어 있으므로 작성 중인 문서에 이 가이드에 대한 앵커 링크를 포함할 수 있습니다(인코딩을 보려면 브라우저에서 소스 보기를 사용하세요). ). 하지만 이 문서에 명명된 앵커가 없으면 NCSA 서버에서 원본 파일을 편집할 수 없기 때문에 특정 위치에 대한 링크를 만들 수 없습니다. 현재 문서 내의 지정된 섹션
파일 이름이 생략된 것을 제외하면 구문은 이전과 동일합니다.

예를 들어 MaineStats에서 ANP에 연결하려면

.. . 아카디아 국립공원
에 대한 자세한 내용은 이 문서의 다른 곳에서 확인할 수 있습니다(

Acadia National Park

).

독자들이 모든 문서를 인쇄하고 싶을 때, 또는 하나의 파일에 많은 짧은 메시지가 있을 때 매우 유용합니다.

Mailto로 메일 보내기
하이퍼링크에 mailto 속성이 포함되어 있어 독자가 이메일을 개인이나 별칭으로 쉽게 보낼 수 있습니다.

이름

예:

NCSA Publications Group

은 BUPT Publications Group에 대해 구성된 메일 창을 생성할 수 있습니다. (물론 대신 다른 주소를 사용해야 합니다!)

위 내용은 HTML 초보자 가이드(7) 내용입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!


성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
Bootstrap 4에서 멀티 프로 젝트 회전 목마를 구현하는 방법은 무엇입니까?Bootstrap 4에서 멀티 프로 젝트 회전 목마를 구현하는 방법은 무엇입니까?Apr 30, 2025 pm 03:24 PM

솔루션 Bootstrap4에서 다중 프로 젝트 회전 목마를 구현하는 것은 부트 스트랩 4에서 멀티 프로 젝트 회전 목마를 구현하는 것은 쉬운 일이 아닙니다. 부트 스트랩 ...

DeepSeek 공식 웹 사이트는 마우스 스크롤 이벤트를 관통하는 효과를 어떻게 달성합니까?DeepSeek 공식 웹 사이트는 마우스 스크롤 이벤트를 관통하는 효과를 어떻게 달성합니까?Apr 30, 2025 pm 03:21 PM

마우스 스크롤링 이벤트 침투의 효과를 달성하는 방법은 무엇입니까? 웹을 탐색하면 종종 특별한 상호 작용 디자인이 발생합니다. 예를 들어, DeepSeek 공식 웹 사이트에서 � ...

HTML 비디오의 재생 제어 스타일 수정 방법HTML 비디오의 재생 제어 스타일 수정 방법Apr 30, 2025 pm 03:18 PM

HTML 비디오의 기본 재생 제어 스타일은 CSS를 통해 직접 수정할 수 없습니다. 1. JavaScript를 사용하여 사용자 정의 컨트롤을 만듭니다. 2. CSS를 통해 이러한 통제를 아름답게합니다. 3. video.js 또는 plyr와 같은 라이브러리를 사용하여 호환성, 사용자 경험 및 성능을 고려하면 프로세스를 단순화 할 수 있습니다.

휴대 전화에서 기본 선택을 사용하면 어떤 문제가 발생합니까?휴대 전화에서 기본 선택을 사용하면 어떤 문제가 발생합니까?Apr 30, 2025 pm 03:15 PM

휴대 전화에서 기본 선택을 사용하는 데있어 잠재적 인 문제는 모바일 애플리케이션을 개발할 때 종종 상자를 선택해야 할 필요가 있습니다. 일반적으로 개발자 ...

휴대 전화에서 기본 선택을 사용하는 단점은 무엇입니까?휴대 전화에서 기본 선택을 사용하는 단점은 무엇입니까?Apr 30, 2025 pm 03:12 PM

휴대 전화에서 기본 선택을 사용하는 단점은 무엇입니까? 모바일 장치에서 애플리케이션을 개발할 때는 올바른 UI 구성 요소를 선택하는 것이 매우 중요합니다. 많은 개발자 ...

Three.js 및 Octree를 사용하여 방에서 3 인칭 로밍의 충돌 처리를 최적화하는 방법은 무엇입니까?Three.js 및 Octree를 사용하여 방에서 3 인칭 로밍의 충돌 처리를 최적화하는 방법은 무엇입니까?Apr 30, 2025 pm 03:09 PM

Three.js 및 Octree를 사용하여 방에서 3 인칭 로밍의 충돌 처리를 최적화하십시오. 3.js의 Octree를 사용하여 방에서 3 인칭 로밍을 구현하고 충돌을 추가하십시오 ...

휴대 전화에서 기본 선택을 사용할 때 어떤 문제가 발생합니까?휴대 전화에서 기본 선택을 사용할 때 어떤 문제가 발생합니까?Apr 30, 2025 pm 03:06 PM

모바일 장치에서 애플리케이션을 개발할 때 휴대폰에 대한 기본 선택 문제는 종종 사용자가 선택 해야하는 시나리오에 직면합니다. 네이티브 셀 ...

왜 일부 웹 사이트는 마우스 스크롤 및 침투 효과를 달성 할 수있는 반면 다른 웹 사이트는 할 수 없습니까?왜 일부 웹 사이트는 마우스 스크롤 및 침투 효과를 달성 할 수있는 반면 다른 웹 사이트는 할 수 없습니까?Apr 30, 2025 pm 03:03 PM

마우스 스크롤링 이벤트의 구현 원리 탐색 일부 웹 사이트를 탐색 할 때 일부 페이지 요소는 마우스가 호버링 될 때 여전히 전체 페이지를 스크롤 할 수 있음을 알 수 있습니다.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

맨티스BT

맨티스BT

Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

SublimeText3 영어 버전

SublimeText3 영어 버전

권장 사항: Win 버전, 코드 프롬프트 지원!

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기