Basic HTML Tutorial for Beginners – Setting Hyperlink and References – Web Design Tutorial

오늘 우리는 '텍스트 문서 하이퍼 링크'에 대해 배우게 될 것입니다 그럼이 '하이퍼 링크'는 무엇입니까? 그게 뭐야? 실제로 특정 텍스트 나 이미지는 다른 문서 나 텍스트 또는 다른 웹 사이트에 순간적으로 링크됩니다

특정 텍스트 나 특정 링크에 링크 할 때이 페이지는 해당 페이지로 리디렉션되고 새로운 다른 다른 페이지로 이동하거나 새로운 서로 다른 문서 또는 이미지, 그래서 우리가 할 일은 하이퍼 링크하는 방법을 아는 것입니다 텍스트 및 참조 이것이 우리가 배우려고하는 것입니다 오늘 자,이 방법을 사용합시다

나는이 특별한 단어를 '당황한'단어로 만들려고 노력하고 있습니다 이것은 하이퍼 링크되어야합니다 즉,이 특정 단어를 클릭하면 다른 새 문서에 도달합니다 어떻게 가능합니까? 이 경우 우리가 실제로하는 일에는 특정 태그와 특정 속성을 사용합니다 이 텍스트와 참조를 하이퍼 링크로 연결하면 다음과 같습니다

<a> </a> 태그입니다 이 <a> 태그는 실제로 앵커 태그입니다 이것은 당신에게 말하는 태그입니다 정확한 텍스트 나 이미지 또는 문서가 하이퍼 링크되어야합니다 그래서, 이것은 앵커입니다

태그를 사용하십시오 이제 여기에 사용 된 다른 속성 'href'로 이것은 실제로 텍스트 나 이미지를 다른 것과 연결시키는 속성입니다 텍스트 또는 문서 이를 '하이퍼 링크 참조'라고합니다 당신은 지금 참조를 만들고 있습니다

이제 특정 이미지 나 문서 또는 다른 페이지를 실제로 열려면 이 경우 실제로 하이퍼 링크 참조를 언급하는 것뿐입니다 URL 또는 지금까지 상대 경로를 사용했습니다 URL은 별개의 것입니다 귀하의 웹 사이트의 경우 귀하의 사이트에서 사용됩니다 상대 경로는 실제로 특정 위치에서 문서가 정확히 놓여 있는지를 결정합니다

그래서 먼저 우리는 여기서 새로운 이미지를 열려고합니다 그렇게함으로써, 우리가해야 할 일은 다시 여기로 가십시오 그리고 나서, 이것은 이전에했던 것처럼 '이미지'로 알려진 폴더입니다 우리가 여기서하고 있습니다 F2를 먼저 누르거나 마우스 오른쪽 버튼을 클릭하면됩니다

'이름 바꾸기'를 선택하고이 디렉토리 또는 폴더 이름을 복사하고 있습니다 우리는 메모장, 여기에 슬래시를 넣은 다음 그 안에 들어갑니다 파일 이름,이 '[FILENAME]'을 선택한다고 가정합니다 F2를 누르거나 마우스 오른쪽 버튼을 클릭하면 그것에, '이름 바꾸기'로 가고, 나는이 전체 파일 이름을 그 확장자와 함께 복사하고있다 이름 확장자 이름은 JPG입니다

그래서, 내가하고있는 모든 일은이 일을 복사하는 것입니다 이 파일 이름은 여기에 있습니다 이제 메모장으로 돌아가서 마우스 오른쪽 버튼을 클릭하십시오 '붙여 넣기'를 선택하십시오 그래서, 중요한 것은 앵커 태그를 디렉토리 이름의 하이퍼 링크 참조 및 여기에서 열리는 파일 이름, 확장명과 함께이 전체적인 생각은 여기 '상대 경로'로 알려져 있습니다

이것은 실제로이 모든 트릭을 만들려고하는 단어입니다 특별한 단어 'perteureant', 우리는 새로운 이미지를 볼 것입니다 이 주소에서 자, 이제이 페이지를 저장하고, 파일로 저장하고, 저장하고, 다시 브라우저 및 새로 고침을 클릭하면이 특정 단어가 이제 새로운 종류를 실행 중임을 알 수 있습니다 전시의, 실제로 색깔에서 파랑이고 지금 밑줄을 그어지고있다 이 특정한 텍스트가 하이퍼 링크로 연결되어 있습니다 이제 클릭하면이 특정 텍스트로 들어갑니다 영상 이제 여기 또 다른 문제가 있습니다

여기를 클릭 할 때마다 특정 텍스트에 하이퍼 링크 된 특정 이미지가 동일한 텍스트로 열립니다 탭 이 이미지를 다른 탭에서 열려면 어떻게할까요? 이것은 알려진 것입니다 다른 탭으로 그렇다면 다른 탭으로 이미지를 여는 것이 무엇입니까? 그래서 이 경우, 당신이해야 할 일은 여기있는 특정한 속성을 언급하는 것입니다

귀하의 프로젝트로 돌아가서 이것을 언급하십시오 이제 파일로 저장하고 저장 한 다음 프로젝트로 돌아와 다시로드하십시오 사실, 당신은 볼 것입니다 여기까지는 아무 것도 없지만 여기에서 링크 된 텍스트를 클릭하면 귀하의 이미지가 새로운 다른 탭에서 열리고 있습니다 즉, 이것이 새 탭입니다

이것은 정확하게 당신이 앉아있는 정확한 웹 사이트이며 이것은 다른 탭입니다 이제 링크 된 이미지가 열리고 새로운 탭으로 열립니다 따라서 실제로 HTML은 링크 된 문서를 여는 경우 네 가지 특정 속성을 사용합니다 그들 '_blank', 'parent', '_self'또는 '_top'이라고합니다 이 모든 속성 특별한 성격, 다른 종류 또는 문서를 여는 패턴

약간 그 (것)들의 새로운 창으로 당신의 문서를 열 n 다 이제 'target = "_ self"'를 사용하면, 파일로 이동하고 저장하고 다시로드하면 지금 클릭하면 문서가 열리고 있습니다

같은 태그에 문서를 새 탭이나 새 탭으로 열어야하는 경우 window는 하이퍼 링크 참조를 target = "_ blank"로 설정하는 것뿐입니다 타겟 문서가 새 탭으로 열리고 있는지 확인하십시오 여기 있니? 이것은 열리고있다 새 탭으로 그래서 이들은 모두 하이퍼 링크 참조입니다

이제 우리가 여기에있는 것처럼 별도의 웹 사이트를 링크하려는 경우, 이 특정한 웹 사이트를 연결하십시오, 이것은 여기에서 찾아야하는 전체 새로운 웹 사이트입니다 다른 서버에 복사하려면이 웹 페이지의 URL 주소를 복사해야합니다 그리고 나서 돌아와야 만합니다 상대 경로를 바꾸는 것뿐입니다 특정 웹 사이트 URL 이제 파일로 저장하고 저장하고 프로젝트로 다시 돌아와서 다시로드하고 여기를 클릭하면이 별도의 웹 사이트에 들어갑니다 이 별도의 웹 사이트의 웹 페이지로이 별도의 색인 페이지로 이제 같은 방식으로 이미지를 연결하려는 경우, 이 이미지 소스는 여기에 이미지가 있습니다

이제이 이미지를 연결하려는 경우, 이 링크는 다른 링크 된 텍스트 나 문서를 열고 여기에있는 모든 것을 열어야합니다 먼저 여기로 돌아와서 이걸 복사해서 여기에 붙여 넣어야합니다 앵커 태그 및 하이퍼 링크 참조는 타겟팅하는 웹 사이트의 주소입니다 연결하여 대상을 공백으로 설정하면이 이미지를 클릭 할 때이 웹 주소를 의미합니다 실제로 다른 탭을 열면 앵커 태그를 닫을 것입니다

그런 다음 파일을 저장하고 저장하면 이제 웹 페이지로 돌아와 다시로드하면, 당신이 이미지를 클릭하면, 당신은 그 이미지가 지금 그 특별한 것에 열리는 것을 볼 수있을 것입니다 웹 주소 또는 웹 사이트를 새 탭 또는 다른 탭으로 이동하십시오 다음에 배울 내용은 HTML에있는 양식 요소입니다