[HTML/CSS] 하이퍼링크 관련 태그

하이퍼링크

하이퍼링크 기능은 웹문서에서 또다른 문서로 클릭만으로 이동할수 있게 연결하는 기능

텍스트 문구를 클릭하여 이동하거나 이미지를 클릭하여 이동

현재 페이지 내에서도 링크를 통한 이동 가능

<a href="이동할주소" target="">

target="_blank" : 새로운 창을 열어링크에 이동

 

     <h1>하이퍼링크 태그</h1>
     <h3>a 태그를 이용한 하이퍼링크 테스트</h3>
     <a href="2_목록관련태그.html">목록관련 태그로 이동하기</a>

     <!-- target="_blank" 새창에서 열리게 함 -->
     <h3>인터넷이 연결되어 있는 경우 웹사이트 이동</h3>
     <ul>
         <li><a href="https://www.naver.com">네이버로 이동</a></li>
         <li><a href="https://www.google.com" target="_blank">구글로 이동</a></li>
         <li><a href="https://www.youtube.com">유튜브로 이동</a></li>
     </ul>

     <h3>이미지에 링크 연결</h3>
     <a href="https://news.naver.com/" target="_blank">
         <img src="https://search.pstatic.net/common/?src=http%3A%2F%2Fblogfiles.naver.net%2FMjAyMjAyMTVfMjEg%2FMDAxNjQ0ODgzNzI0MzE1.6he-8W2dQ9Vzi1EKLrXVSJ5axMhQwmqWfQqexwNGna8g.a6UvLvii-fEMhnI7QRtO9sydOo0zbGhK5GJ0VsaZDbkg.PNG.winner_aa%2Fggaaa.png&type=a340" alt="news">
     </a>
     
     <h3>한페이지 내에서 점프하는 앵커 만들기</h3>
     <ul>
         <li><a href="#content1">내용1</a></li>
         <li><a href="#content2">내용2</a></li>
         <li><a href="#content3">내용3</a></li>
     </ul>

     <h4 id="content1">내용1</h4>
     <div>
        대법관은 대법원장의 제청으로 국회의 동의를 얻어 대통령이 임명한다. 국가의 세입·세출의 결산, 국가 및 법률이 정한 단체의 회계검사와 행정기관 및 공무원의 직무에 관한 감찰을 하기 위하여 대통령 소속하에 감사원을 둔다. 한 회계연도를 넘어 계속하여 지출할 필요가 있을 때에는 정부는 연한을 정하여 계속비로서 국회의 의결을 얻어야 한다. 국정감사 및 조사에 관한 절차 기타 필요한 사항은 법률로 정한다. 대한민국은 국제평화의 유지에 노력하고 침략적 전쟁을 부인한다. 모든 국민은 통신의 비밀을 침해받지 아니한다. 모든 국민은 근로의 의무를 진다. 국가는 근로의 의무의 내용과 조건을 민주주의원칙에 따라 법률로 정한다.

        군인·군무원·경찰공무원 기타 법률이 정하는 자가 전투·훈련등 직무집행과 관련하여 받은 손해에 대하여는 법률이 정하는 보상외에 국가 또는 공공단체에 공무원의 직무상 불법행위로 인한 배상은 청구할 수 없다. 여자의 근로는 특별한 보호를 받으며, 고용·임금 및 근로조건에 있어서 부당한 차별을 받지 아니한다. 모든 국민은 근로의 권리를 가진다. 국가는 사회적·경제적 방법으로 근로자의 고용의 증진과 적정임금의 보장에 노력하여야 하며, 법률이 정하는 바에 의하여 최저임금제를 시행하여야 한다. 대통령은 국무총리·국무위원·행정각부의 장 기타 법률이 정하는 공사의 직을 겸할 수 없다.
     </div>

     <br><br>

     <h4 id="content2">내용2</h4>
     <div>
        모든 국민은 통신의 비밀을 침해받지 아니한다. 모든 국민은 그 보호하는 자녀에게 적어도 초등교육과 법률이 정하는 교육을 받게 할 의무를 진다. 정부는 예산에 변경을 가할 필요가 있을 때에는 추가경정예산안을 편성하여 국회에 제출할 수 있다. 대통령은 법률이 정하는 바에 의하여 사면·감형 또는 복권을 명할 수 있다. 모든 국민은 소급입법에 의하여 참정권의 제한을 받거나 재산권을 박탈당하지 아니한다. 대통령은 필요하다고 인정할 때에는 외교·국방·통일 기타 국가안위에 관한 중요정책을 국민투표에 붙일 수 있다. 국군은 국가의 안전보장과 국토방위의 신성한 의무를 수행함을 사명으로 하며, 그 정치적 중립성은 준수된다.

        공무원의 신분과 정치적 중립성은 법률이 정하는 바에 의하여 보장된다. 모든 국민은 법률이 정하는 바에 의하여 국방의 의무를 진다. 국가원로자문회의의 조직·직무범위 기타 필요한 사항은 법률로 정한다. 계엄을 선포한 때에는 대통령은 지체없이 국회에 통고하여야 한다. 대통령으로 선거될 수 있는 자는 국회의원의 피선거권이 있고 선거일 현재 40세에 달하여야 한다. 근로조건의 기준은 인간의 존엄성을 보장하도록 법률로 정한다. 헌법개정안은 국회가 의결한 후 30일 이내에 국민투표에 붙여 국회의원선거권자 과반수의 투표와 투표자 과반수의 찬성을 얻어야 한다. 대통령이 궐위된 때 또는 대통령 당선자가 사망하거나 판결 기타의 사유로 그 자격을 상실한 때에는 60일 이내에 후임자를 선거한다.
     </div>

     <h4 id="content3">내용3</h4>
     <div>
        국가유공자·상이군경 및 전몰군경의 유가족은 법률이 정하는 바에 의하여 우선적으로 근로의 기회를 부여받는다. 국무총리는 국회의 동의를 얻어 대통령이 임명한다. 감사위원은 원장의 제청으로 대통령이 임명하고, 그 임기는 4년으로 하며, 1차에 한하여 중임할 수 있다. 정부는 예산에 변경을 가할 필요가 있을 때에는 추가경정예산안을 편성하여 국회에 제출할 수 있다. 모든 국민은 사생활의 비밀과 자유를 침해받지 아니한다. 모든 국민은 법률이 정하는 바에 의하여 국가기관에 문서로 청원할 권리를 가진다. 모든 국민은 통신의 비밀을 침해받지 아니한다. 모든 국민은 신체의 자유를 가진다. 누구든지 법률에 의하지 아니하고는 체포·구속·압수·수색 또는 심문을 받지 아니하며, 법률과 적법한 절차에 의하지 아니하고는 처벌·보안처분 또는 강제노역을 받지 아니한다.

        대통령은 국가의 안위에 관계되는 중대한 교전상태에 있어서 국가를 보위하기 위하여 긴급한 조치가 필요하고 국회의 집회가 불가능한 때에 한하여 법률의 효력을 가지는 명령을 발할 수 있다. 근로조건의 기준은 인간의 존엄성을 보장하도록 법률로 정한다. 감사원은 세입·세출의 결산을 매년 검사하여 대통령과 차년도국회에 그 결과를 보고하여야 한다. 국회는 선전포고, 국군의 외국에의 파견 또는 외국군대의 대한민국 영역안에서의 주류에 대한 동의권을 가진다. 국회나 그 위원회의 요구가 있을 때에는 국무총리·국무위원 또는 정부위원은 출석·답변하여야 하며, 국무총리 또는 국무위원이 출석요구를 받은 때에는 국무위원 또는 정부위원으로 하여금 출석·답변하게 할 수 있다.
     </div>