소셜 미디어 HTML5 웹 페이지에 링크 포함 방법 - HTML 스탠드의 H

HTML5 웹 페이지에 링크 포함 방법 - HTML 스탠드의 H

차례:

비디오: Section 8 2024

비디오: Section 8 2024
Anonim

> H 는 하이퍼 텍스트를 의미하고 는 링크의 멋진 용어이며 는 사용자가 만드는 웹 페이지에 생명을 불어 넣습니다. 이 스크린 샷과 같이 웹 페이지에 링크를 추가하는 것은 매우 쉽습니다. 링크를 포함하여이 페이지의 코드는

linkDemo에 재현됩니다. html

링크 데모

이미지에 대한 상대적 참조

이 단락에는 원숭이 그림에 대한 링크가 있습니다.

웹 페이지에 대한 절대 참조

이 단락에는 Andy의 메인 사이트에 대한 링크가 포함되어 있습니다.

링크는 화면상의 단어 이상입니다. 사용자가 텍스트를 클릭하면 브라우저가 인터넷에서 다른 페이지를로드합니다.

페이지에 링크를 작성하는 것은 매우 간단합니다.

일반 페이지로 시작하십시오.
  1. 링크는 일반적으로 페이지에 직접 삽입됩니다. 링크는 독자적으로 서있을 수 없지만 일반적으로 단락과 같은 다른 블록 수준 요소의 일부입니다.

  2. 태그를 사용하여 링크를 나타냅니다.

    a 는 앵커의 약자입니다. (물론 링크 태그 여야하지만 HTML에서 다른 용어로 사용됩니다.) href

  3. 속성을 ​​사용하여 링크의 위치를 ​​나타냅니다. . 상대:

    href는 간단한 파일 이름이 될 수 있으며 작성중인 웹 페이지와 같은 디렉토리에있는 파일에 링크하는 경우 단순히 파일 이름을 표시하십시오. 브라우저는 링크 된 파일이 현재 서버의 현재 디렉토리에 있다고 가정하기 때문에

    상대 참조입니다.

    • 절대: href는 현재 페이지의 위치에 관계없이 파일을 찾는 방법을 설명하기 때문에 절대 참조

    • 라고하는 완전한 웹 주소 일 수도 있습니다. 다른 사람의 서버에있는 페이지 나 파일을 가리 키려면 절대 참조를 사용해야합니다. 보이는 텍스트를 와 태그 사이에 놓습니다.

  4. 이러한 태그 사이의 모든 텍스트는 링크를 나타내는 형식으로 화면에 표시됩니다. 기본 형식은 파란색 밑줄이 그어진 텍스트입니다. 대부분의 링크는 웹 사이트를 가리 킵니다. 그러나 이미지를 포함하여 브라우저가 읽을 수있는 모든 것을 링크 할 수도 있습니다.

HTML5 웹 페이지에 링크 포함 방법 - HTML 스탠드의 H

편집자의 선택

PowerPoint 프레젠테이션의 주석 사용 방법 - 인형

PowerPoint 프레젠테이션의 주석 사용 방법 - 인형

PowerPoint 프레젠테이션을 검토 할 때 주석을 삽입하십시오. PowerPoint에서는 주석을 켜고 끌 수 있습니다. 파워 포인트 프리젠 테이션을 편집하는 동안 댓글을보고 쇼 시간에 오프로 설정하십시오. 주석으로 작업하려면 프리젠 테이션을 엽니 다. 다음 작업을 수행 할 수 있습니다.

PowerPoint 2007에서 라이브 미리보기 사용 방법 - 인형

PowerPoint 2007에서 라이브 미리보기 사용 방법 - 인형

PowerPoint는 실시간 미리보기 기능을 제공합니다. 실시간 미리보기 덕분에 실제로 PowerPoint 슬라이드에 변경 사항을 적용하기 전에 결과를 볼 수 있습니다. PowerPoint 실시간 미리보기를 켜려면 Office 단추를 클릭하고 PowerPoint 옵션을 선택하십시오. PowerPoint 옵션 대화 상자의 인기있는 범주에서 실시간 미리보기 사용 확인란을 클릭하고 ...

다른 PowerPoint 2007 프레젠테이션의 슬라이드 사용 방법 - 다른 PowerPoint 프레젠테이션의 슬라이드를 사용하는 더미

다른 PowerPoint 2007 프레젠테이션의 슬라이드 사용 방법 - 다른 PowerPoint 프레젠테이션의 슬라이드를 사용하는 더미

당신이 필요로하는 슬라이드가 이미 존재할 때. Microsoft PowerPoint에서는 슬라이드의 가져 오기를 위해 리본의 삽입 탭에 특수 명령을 제공합니다. 필요한 단계는 다음과 같습니다.

편집자의 선택

HTML5 웹 페이지에 링크 포함 방법 - HTML 스탠드의 H

HTML5 웹 페이지에 링크 포함 방법 - HTML 스탠드의 H

당신이 만드는 웹 페이지에 생명을 불어 넣는 링크에 대한 환상적인 용어 인 하이퍼 텍스트의 경우. 이 스크린 샷과 같이 웹 페이지에 링크를 추가하는 것은 매우 쉽습니다. 링크를 포함하여이 페이지의 코드는 다음과 같이 재현됩니다.

기존 HTML 태그를 HTML5와 통합하는 방법 - 인형

기존 HTML 태그를 HTML5와 통합하는 방법 - 인형

압도적으로 새로운 HTML5 요소는 HTML의 범위와 범위. 즉, 대부분의 경우 이전 태그를 대체하지 않습니다. 예를 들어 기존 HTML 6 제목 태그, 단락 태그 및 링크는 HTML5에서 이전 버전의 HTML과 동일한 방식으로 사용됩니다. If ...

편집자의 선택

Dreamweaver CS6의 CSS 초보 페이지에서 새 문서를 만드는 방법 - 인형

Dreamweaver CS6의 CSS 초보 페이지에서 새 문서를 만드는 방법 - 인형

Adobe Dreamweaver CS6에서는 처음부터 다시 시작하는 대신 CSS 기반 레이아웃이있는 샘플 페이지 라이브러리를 제공합니다. 이 CSS 샘플 페이지는 유용하고 일반적인 레이아웃 아이디어를 제공하며 CSS 배치로 만들어지기 때문에 매우 유연합니다. CSS 스타일 패널 또는 속성 관리자에서 직접 수정할 수 있습니다. ...

Adobe Dreamweaver CS6에서 앵커를 만드는 방법 - 인형

Adobe Dreamweaver CS6에서 앵커를 만드는 방법 - 인형

Adobe Dreamweaver CS6에서는 앵커를 쉽게 만들 수 있습니다. 귀하의 페이지. 앵커는 페이지의 특정 섹션에 대한 링크로, 링크 또는 다른 페이지와 동일한 페이지에 있습니다. 앵커는 텍스트가 많은 긴 페이지에 특히 유용합니다. 앵커를 보거나 사용했을 것입니다.