Programming Language/Javascript, ...

[HTML5] 하이퍼링크와 관련된 태그

Ma_Sand 2022. 4. 9. 14:07
반응형

<a> 태그

 1) href="파일명.html"

   : 해당 html 파일로 연결한다.

<a href="하이퍼링크태그.html">하이퍼링크태그로 가기</a>

 

 

 2) href="url"

   : 해당 url 주소로 연결한다.

<a href="https://www.tistory.com">티스토리</a>
<a href="https://www.daum.net" target="_blank">다음</a>

연결하고 싶은 페이지의 url을 넣으면 해당 페이지로 이동한다.

이때 해당 페이지를 새 창에다 띄우고 싶으면 target을 사용하여 '_blank'라는 속성값을 넣으면 된다.

 

 

 3) 앵커 태그

   : 페이지 내에서 해당 부분으로 점프시킨다.

<ul>
     <li><a href="#content1">첫 번째 문단</a></li>
     <li><a href="#content2">두 번째 문단</a></li>
     <li><a href="#content3">세 번째 문단</a></li>
</ul>

<h4 id="content1">첫 번째 문단</h4>
<div>방황하여도, 공자는 우리의 우리의 위하여 꽃이 인생을 불어 꽃이 칼이다. 사랑의 속에 온갖 인간의 그들의 주는 청춘의 위하여, 것이다. 어디 이상의 주는 힘있다. 하였으며, 천자만홍이 끓는 붙잡아 뭇 그들의 평화스러운 너의 피어나는 약동하다. 쓸쓸한 그들은 같은 피가 피어나는 때까지 것이다. 속에 이것을 원질이 불어 사람은 우리 꾸며 방황하였으며, 넣는 말이다. 안고, 하여도 기관과 별과 못할 심장의 두기 같이, 위하여서. 내려온 예가 인간이 밝은 놀이 심장은 봄바람을 이 것이다. 그들은 기관과 하였으며, 것이다. 그들에게 얼음과 생생하며, 용기가 때까지 것이다.

     긴지라 우는 아름답고 내는 있으며, 뿐이다. 것이다.보라, 기쁘며, 붙잡아 품으며, 열매를 청춘이 것이다. 주는 구하지 커다란 얼마나 말이다. 청춘은 목숨을 이상, 전인 유소년에게서 그들은 찾아다녀도, 이상의 이상은 이것이다. 살 청춘의 실현에 과실이 날카로우나 이것이다. 피는 하는 뭇 바이며, 속에 봄바람이다. 고행을 현저하게 것은 평화스러운 보라. 생의 소담스러운 붙잡아 못하다 있다. 일월과 그것을 두손을 이상이 청춘 할지니, 이상 더운지라 교향악이다. 고행을 별과 붙잡아 끓는 곳으로 것은 평화스러운 청춘을 이상의 있다.
</div>

<h4 id="content2">두 번째 문단</h4>
<div>모든 국민은 법률이 정하는 바에 의하여 선거권을 가진다. 국회의원의 수는 법률로 정하되, 200인 이상으로 한다. 헌법재판소의 조직과 운영 기타 필요한 사항은 법률로 정한다. 근로자는 근로조건의 향상을 위하여 자주적인 단결권·단체교섭권 및 단체행동권을 가진다. 국회의원은 현행범인인 경우를 제외하고는 회기중 국회의 동의없이 체포 또는 구금되지 아니한다. 명령·규칙 또는 처분이 헌법이나 법률에 위반되는 여부가 재판의 전제가 된 경우에는 대법원은 이를 최종적으로 심사할 권한을 가진다. 지방자치단체는 주민의 복리에 관한 사무를 처리하고 재산을 관리하며, 법령의 범위안에서 자치에 관한 규정을 제정할 수 있다.

     국군은 국가의 안전보장과 국토방위의 신성한 의무를 수행함을 사명으로 하며, 그 정치적 중립성은 준수된다. 군인·군무원·경찰공무원 기타 법률이 정하는 자가 전투·훈련등 직무집행과 관련하여 받은 손해에 대하여는 법률이 정하는 보상외에 국가 또는 공공단체에 공무원의 직무상 불법행위로 인한 배상은 청구할 수 없다. 국가는 사회보장·사회복지의 증진에 노력할 의무를 진다. 대통령은 제1항과 제2항의 처분 또는 명령을 한 때에는 지체없이 국회에 보고하여 그 승인을 얻어야 한다. 선거에 관한 경비는 법률이 정하는 경우를 제외하고는 정당 또는 후보자에게 부담시킬 수 없다. 제2항의 재판관중 3인은 국회에서 선출하는 자를, 3인은 대법원장이 지명하는 자를 임명한다.
</div>

<h4 id="content3">세 번째 문단</h4>
<div>모든 국민은 법률이 정하는 바에 의하여 선거권을 가진다. 국회의원의 수는 법률로 정하되, 200인 이상으로 한다. 헌법재판소의 조직과 운영 기타 필요한 사항은 법률로 정한다. 근로자는 근로조건의 향상을 위하여 자주적인 단결권·단체교섭권 및 단체행동권을 가진다. 국회의원은 현행범인인 경우를 제외하고는 회기중 국회의 동의없이 체포 또는 구금되지 아니한다. 명령·규칙 또는 처분이 헌법이나 법률에 위반되는 여부가 재판의 전제가 된 경우에는 대법원은 이를 최종적으로 심사할 권한을 가진다. 지방자치단체는 주민의 복리에 관한 사무를 처리하고 재산을 관리하며, 법령의 범위안에서 자치에 관한 규정을 제정할 수 있다.

     국군은 국가의 안전보장과 국토방위의 신성한 의무를 수행함을 사명으로 하며, 그 정치적 중립성은 준수된다. 군인·군무원·경찰공무원 기타 법률이 정하는 자가 전투·훈련등 직무집행과 관련하여 받은 손해에 대하여는 법률이 정하는 보상외에 국가 또는 공공단체에 공무원의 직무상 불법행위로 인한 배상은 청구할 수 없다. 국가는 사회보장·사회복지의 증진에 노력할 의무를 진다. 대통령은 제1항과 제2항의 처분 또는 명령을 한 때에는 지체없이 국회에 보고하여 그 승인을 얻어야 한다. 선거에 관한 경비는 법률이 정하는 경우를 제외하고는 정당 또는 후보자에게 부담시킬 수 없다. 제2항의 재판관중 3인은 국회에서 선출하는 자를, 3인은 대법원장이 지명하는 자를 임명한다.
</div>

'첫 번째 문단', '두 번째 문단', '세 번째 문단'에 각각 id를 지정한 후 <a> 태그에서 href로 id를 의미하는 '#'을 속성값으로 넣으면 서로 연결이 된다.

<li>로 리스트가 생성되고, 해당 목록을 누르면 해당 id로 지정된 내용으로 점프한다.

반응형