컴퓨터, 프로그래밍
어떻게 HTML의 하이퍼 링크를 삽입? 생성 및 HTML에 하이퍼 링크를 사용하여
하이퍼 텍스트는 다른 텍스트에 대한 링크를 포함하는 텍스트입니다. 그것은 외국어 텍스트를 발견하는 경우 예를 들면, 책의 페이지 하단에 복잡한 정의 나 번역 각주에 대한 저자의 메모를합니다. 인터넷 사이트는 하이퍼 텍스트의 복잡한 시스템이 한 페이지에서 페이지 자체 내에서 다른 점프뿐만 아니라 관련이없는 단일 테마 자원 사이. 이러한 구조는 실용적 많은 시간을 절약, 방문자 필요한 정보를 신속하게 찾을 수 및 전환의 많은 수에서 분실하지 않을 수 있습니다.
삽입 하이퍼 링크
HTML에서 정확한 위치에 삽입되는 기술자 (태그) [A]를 사용하여 하이퍼 링크를 삽입한다. 자체 하이퍼 텍스트 구조로 보통 텍스트 중에서이다. 그러나 링크는 더 그래픽 (아이콘, 버튼, 사진)이다; 그들에게 더 논의 될 것이다. 웹 페이지에 그들의 위치는 텍스트에 한정되는 것은 아니지만, 설계 의사 결정자의 위치에 따라 달라집니다.
태그 구조 ... 를
당신은 그 태그 알 수 있습니다 - 복식을 : 필요한 닫는 태그 를.
HREF - 태그 속성은 링크의 대상을 지정합니다.
https://google.com/ - 속성 값, 전환을하기에 자원의 URL 주소를 묶습니다. 그것은 이중 또는 작은 따옴표입니다. 그것은 HTML 규칙의 중첩 태그의 구조에 따라 달라집니다.
전체 구조는 웹 문서의 원소이다.
HTML의 규칙에 따라, 일부 요소는 다른 요소를 포함 할 수 있습니다. 태그 예외를 Ra이고 없습니다. 프로그래머가 굵은 단어를 구글에서 강조해야하는 경우 중첩 된 태그의 순서로 텍스트 형식의 일반적인 규칙에 따라 태그의 b>을 사용하여이 작업을 수행. 웹 마스터는 그렇지 않으면 작동하지 않습니다,하는 HTML 오류가없는 상태에서 하이퍼 링크를 만드는 방법을 알고 있어야합니다. 컴퓨터 속어에 깨진 링크는 "구타"라는.
여기 : 요소
그것은 중첩 포함
구글 B>
이제 페이지는 방문자가 굵은 텍스트로 단어 "구글"하이퍼 링크를 본다.
절대 하이퍼 링크
도메인 이름이 포함 된 사이트의 절대 URL-주소를 사용하는 하이퍼 링크 (.RU, .COM, .ORG, .GOV ), 절대라고, 다음과 같은 구문을 가지고 :
프로토콜 : // 파일의 도메인 이름 / 경로
미국 검색 엔진에서 광범위하게 예 주소 : https://aol.com - 절대,이 도메인 이름 .COM이 포함되어 있기 때문이다.
절대 하이퍼 링크는 다른 사이트의 페이지로 이동하거나 다른 서버에있는 리소스에 액세스하는 데 사용됩니다. 전이는 인터넷 프로토콜을 사용하여 수행된다. 프로토콜 -이이 문서의 주제 아니라, 그들이 하이퍼 링크의 생성에 참여, 당신은 적어도 잠시 그들을 언급합니다 :
- HTTP 및 HTTPS - 가장 일반적인; 그들이 다른 사이트의 웹 페이지 사이를 전환 할;
- FTP - 서버 나 사이트에서 사용자의 다운로드에 파일을 업로드하기위한 프로토콜;
- 흔한 - 개인 이메일로 이동하지 않고, 사이트에서 직접 전자 메일을 보내는 메일 프로토콜.
특수 목적 (고퍼, 텔넷)의 몇 가지 보고서가있다, 프로그래밍이나 시스템 관리에 특별한 지식이 필요합니다 사용하는의 매우 드물다.
상대 하이퍼 링크
상대 주소 지정, 삶의 전환을 위해 사용 된 HTML 하이퍼 링크의 사용은 그 이상 연결되지 않습니다. 페이지가 때로는 매우 긴, 이러한 사전에서와 같이 수직 스크롤 실행되도록 큰 경우, 원하는 문자로 이동하려면 상대 링크를 사용하기 매우 편리하고 적합합니다.
온라인 사전 페이지의 시작 부분에 프로그래머를 작성하는 알파벳을, 그리고 링크의 사용을하지 않을 경우, 사용자는 문자 "I"에 도착하는 마우스의 휠을 돌려하는 데 시간이 오래했을 것이다.
속성 이름 태그를 사용하여 상대 링크를 만들려면 :
맨 위로 을 문자로
앵커 목적지 - 나중에 동안 위로 나 편지로, 앵커라는 곳. 앵커의 올바른 표시의 경우는 문자와 숫자를 사용하는, 그래서 이해할 수 있었을 것이다하지만, "I"를 작성하지 않는 것이 좋습니다.
이제 문자 "I"로 페이지의 시작 부분에 알파벳에서 전환하는 것이, 문자 "I"로 시작하는 HTML - 문서의 앵커 말뚝을 할 필요가있다 :
앵커의 앞에 문자로의 전환이 작동하지 않습니다 없이는 숫자 기호를 의미합니다.
웹 사이트를 구축 할 때 상대를 해결
편리하고 소프트웨어 사이트를 만들기위한 가장 일반적인 알고리즘 :
- 컴퓨터와 빠른 액세스의 편의를 위해 사이트에있는 위치에 폴더를 만듭니다;
- 홈 페이지의 폴더의 index.html을을 생성하는 단계;
- 이차 웹 페이지 (index.html을 / 페이지 2)의 생성;
- 폴더와 이미지 파일에 배치 만들기;
- 폴더를 생성하고 (예를 들어, 다운로드 할 파일) 그것을 다른 개체를 배치하는 단계;
- 사이트 콘텐츠의 충전;
- 파일의 호스팅에 사이트를 배치.
반드시 사이트의 요소들 사이의 통신 링크에 사용할 수 있고, 같은 사이트의 다른 페이지에 HTML의 하이퍼 링크를 삽입하는 방법을 알고 매우 유용 할 것이다. 사이트가 동일한 서버에 동일한 디렉토리에있는 경우, 절대 주소 사용할 필요가 없습니다. 객체 사이의 링크를 호스팅하는 사이트로 파일을 전송할 때 그들이 호스팅하고 있기 때문에, 유지와 같은 디렉토리에 배치됩니다.
프로그래머가 사진 img.png 장식 다른 페이지 page2.html에 대한 링크가있는 홈 페이지의 index.html을 사이트를 만들어 가정합시다. 그런 다음 이미지에 대한 상대 경로는 다음과 같이 표시됩니다
팁 :이 주제의 연구가 전환 주소의 올바른 철자 능력을 습득하고, 다른 사람의 코드를 이해하는 법을 배워야 할 필요가있다 이유에 대한 간단한 텍스트 편집기를 사용하는 것이 가장 좋습니다에. 이 단계에서 오류가 기록 된 노트에 하이퍼 링크를 HTML 그들을 용서하지 않고 좋은 결과, 그리고 오류를 제공합니다.
방법은 하이퍼 링크를 클릭
사용자가 하이퍼 링크를 클릭 할 때 기본적으로 새 페이지는 현재 브라우저 창에서 열립니다. 그러나 웹 프로그래머는 새 창에서 예를 들어, 기본값을 변경하고 페이지를 열 강제 할 수 있습니다. 이러한 목적을 위해 특정 값으로 대상 속성이 있습니다. 어디에서도 가능 테이블을 표현하지 않습니다.
| _blank | 새 브라우저 창에서 페이지를 엽니 다 |
| _self | 현재 창 (기본 설정)에서 페이지를 엽니 다 |
| _parent | 상위 프레임에서 페이지를 엽니 다 |
| _top | 프레임을 사용하는 것은 모두 취소하고 현재 브라우저 창에서 페이지를 엽니 다 |
속성을 적용하기위한 구문은 대상 :
홈 "구글은"새 창에서 열립니다.
참고 : 새 탭에서 페이지를 열려면이이 속성에 대한 값 없으며, 브라우저 설정에서 사용자에 의해 설정된다.
하이퍼 링크의 색상
시간이 지남에 따라 경험이 풍부한 인터넷 사용자는 하이퍼 링크가 주변 텍스트의 색상이 다른 것을 눈치 챘을해야하고, 그들은 일반적으로 파란색으로 표시됩니다. 그가 통과 한 후 이전 페이지로 갔다하는 링크, 라일락입니다. 표준이 아닌 색상 약간의 HTML에 하이퍼 링크를 사용하지만, 다른 사람들 사이에 사이트를 할당합니다.
RGB 시스템 (# 00FF00) 또는 색상의 이름을 직접 표시 («녹색»)와 HTML 색상을 제공하는 속성과 그 값을 사용하여
태그에있는 링크의 색상을 설정합니다. 링크에 대한 속성의 세 가지 유형이 있습니다 :- 링크 - 방문하지 않은 링크의 색상을 정의합니다;
- VLINK - 사용자가 이미 통과 한 링크의 색을 지정합니다
- ALINK - 다른 페이지로 전환 링크의 색을 지정한다. 그것은 빠르고, 그래서 당신은 항상이 효과를 잡을 수 없습니다.
예를 표시 :
당신이 태그
에 이러한 특성을 적용하면 웹 문서의 참조가 진한 파란색 될 것 방문한 - 보라색과 활성 - 오렌지 - 레드.그래픽 하이퍼 링크
진행 및 웹 디자인 개발은 이미지로 HTML에 하이퍼 링크를 삽입하는 방법을 알고 있어야합니다. 이 사진은 대상 페이지의 내용과 일치해야합니다 것이 분명하다. 예를 들어, 약용 식물의 메인 페이지는 사용자가 식물의 의약 속성을 설명하는 페이지로 이동되는 클릭, 식물의 사진의 형태로 제공 될 수있다.
널리 사용되는 방법은 그래픽 편집기 (김프, 포토샵)에서 웹 디자이너에 의해 생성 된 아름다운 그래픽에 고정 버튼 (<입력 유형 =«버튼»>를) 대체 할 수 있습니다.
사이트의 페이지에 하이퍼 링크가 동일한 구문을 사용하지만, 텍스트 대신 HTML의 규칙을 삽입하여 이미지 태그를 사용하여 같은 그래픽을 삽입하려면 :
에 의해 태그 같은 방법으로 적용 할 수있는 속성은 대체 텍스트, 폭, 높이 등을 지정합니다.
웹 사이트에서 전화
HTML5 표준은 인터넷의 사용의 기능을 확장하고 있으며, 지금은 휴대 전화에서하지만, 직접 사이트에서뿐만 아니라 통화를 할 수 있습니다. 이를 위해, 당신은 또한 HTML 문서에 하이퍼 링크를 사용할 수 있으며, 구문은 다음과 같습니다
대신 단어 "파티"전화 번호부에서 직관적 발신자의 접촉을 규정한다. 또한 그래픽 파일 (사용자 사진)을 배치 할 수 있습니다.
통화가 사이트에 만들어진, 당신은 가입자의 전화 번호에 대한 참조뿐만 아니라 컴퓨터의 VoIP 프로그램에 설치된 헤드셋 (마이크, 헤드폰)뿐만 아니라이 있어야합니다, 인터넷 속도는 0.5 MB / 초를 초과해야한다. 통화 결제는 트래픽 흐름을했다. 인터넷이 무제한 인 경우 따라서 통화는 무료입니다.
윤리는 하이퍼 링크를 만들
인터넷에 사이트를 배치하여, 웹 마스터는 HTML에 하이퍼 링크가 어떤 종류의 알고 있어야하고,뿐만 아니라 권리는 전문적으로 그들을 사용뿐만 아니라, 다음의 규정을 준수 :
- 하이퍼 링크는 그 주변 텍스트와 다르게, 쉽게 볼 수 있어야합니다. 하이퍼 링크 - 사용자는 것을 알아야합니다.
- 그 링크를 클릭 얻을 것이다 경우 사용자는 명확해야한다. 이렇게하려면, 간결 전환 페이지를 설명 이상의 속성 제목을 사용하는 것이 좋습니다. 응용 프로그램 속성의 구문은 다음과 같습니다
- 사용자는이 링크를 클릭하면 파일에 대한 정확한 정보가 다운로드 받아야합니다.
일단 예상 페이지 수 없거나 잘못된 파일을 다운로드하여, 사용자는 즉시 떠나 사이트의 99 %이며, 결코 거기에 미래에 아래로 이동하지 않았다.
SEO 대책은 하이퍼 링크를 만들 수 있습니다
HTML에서 하이퍼 링크를 삽입하는 방법의 문제의 기술적 측면뿐만 아니라, 점점 더 도덕적 인 측면을 강조해야한다. 보안 소프트웨어 (바이러스 백신), 또는 상태로 사용자를 차단 액세스 할 수 많은 웹 사이트가있다. 이러한 부정한 웹 프로그래머의 손에 생성 된 사이트입니다.
그들이 의지되는 트릭 중 하나는 - 웹 페이지에서 "보이지 않는"하이퍼 링크를 삽입하는 것입니다. 사기꾼은 HTML의 하이퍼 링크를 작성하고 링크를 제거하고 일반 사용자가 그녀를 보지 않도록 그것을 주변 텍스트의 색상을 지정 밑줄 속성을 사용하는 방법을 알고있다. 그리고 다른 웹 기술 도구 (CSS, 자바 스크립트, PHP)의 도움으로 자신의 행동을 프로그래밍 할 수 있습니다. 예를 들어,에 OnMouseOver 자바 스크립트 언어 이벤트는 웹 페이지 요소의 영향을 활성화합니다. 사용자가 보이지 않는 링크에 커서를 보유 할 때, 그는 다른 사이트의 광고 페이지에 가져옵니다. 또는 더 나쁜 경우 자신의 컴퓨터에있는 파일에 대한 보이지 않는 링크가 있고 다운로드하여 불필요한 소프트웨어를 설치하기 시작합니다. 일반적으로 브라우저의 홈페이지, 쓰레기 하드 디스크 및 기타 대용량 프로그램을 변경 바이러스.
곧 이러한 사이트는 바이러스 데이터베이스, 보안 및 인터넷 사용자의 환경의 "블랙리스트"에 속합니다. 이러한 사이트는 오래 지속되지 않으며, 그들은 호스트 공급자를 변경, 인터넷에서 끝없이 마이그레이션 이름을 변경해야합니다. 이것은, 예를 들어, 소셜 네트워크 사이트의 홍보, 항상 창조를 추구하는에, 그것은 megaportals하지 않습니다 결코에 도움이되지 않습니다. 무엇보다도,이 트릭이 인간 행동의 피해자 많은 부정적인 감정을 유발한다.
Similar articles
Trending Now