HTML LINK

임재헌·2023년 3월 16일
0

HTML

목록 보기
8/20
<!DOCTYPE html>
<html lang="ko">
    <head>
        <title>08_link.html</title>
    </head>

    <body>
        <!-- 웹페이지 연결 -->

        <!-- 1) 다른 페이지 연결 -->
        <!--    <a href="경로명+파일명 또는 URL주소">문자열</a>-->
        <a href="https://www.itwill.co.kr">아이티윌</a>
        <a href="https://www.naver.com">네이버</a>
        <a href="https://www.daum.net">다음</a>
        <hr>
        <a href="04_색상.html">색상</a>
        <a href="05_이미지.html">이미지</a>
        <hr>

        <!-- 2) 같은 페이지 내에서 문서 연결 (북마크) -->
        <!--
                예) 위로, 아래로
                <h1 id="아이디명">서울</h1>
                <a href="#아이디명">여기</a>
                id를 가리키는 단축키 : #
        -->
        <!-- 참조 https://www.w3schools.com/html/html_links_bookmarks.asp -->
        <p><a href="#C4">Jump to Chapter 4</a></p>
        <p><a href="#C10">Jump to Chapter 10</a></p>
        
        <h2>Chapter 1</h2>
        <p>This chapter explains ba bla bla</p>
        
        <h2>Chapter 2</h2>
        <p>This chapter explains ba bla bla</p>
        
        <h2>Chapter 3</h2>
        <p>This chapter explains ba bla bla</p>
        
        <h2 id="C4">Chapter 4</h2>
        <p>This chapter explains ba bla bla</p>
        
        <h2>Chapter 5</h2>
        <p>This chapter explains ba bla bla</p>
        
        <h2>Chapter 6</h2>
        <p>This chapter explains ba bla bla</p>
        
        <h2>Chapter 7</h2>
        <p>This chapter explains ba bla bla</p>
        
        <h2>Chapter 8</h2>
        <p>This chapter explains ba bla bla</p>
        
        <h2>Chapter 9</h2>
        <p>This chapter explains ba bla bla</p>
        
        <h2 id="C10">Chapter 10</h2>
        <p>This chapter explains ba bla bla</p>
        
        <h2>Chapter 11</h2>
        <p>This chapter explains ba bla bla</p>
        
        <h2>Chapter 12</h2>
        <p>This chapter explains ba bla bla</p>
        
        <h2>Chapter 13</h2>
        <p>This chapter explains ba bla bla</p>
        
        <h2>Chapter 14</h2>
        <p>This chapter explains ba bla bla</p>
        
        <h2>Chapter 15</h2>
        <p>This chapter explains ba bla bla</p>
        
        <h2>Chapter 16</h2>
        <p>This chapter explains ba bla bla</p>
        
        <h2>Chapter 17</h2>
        <p>This chapter explains ba bla bla</p>
        
        <h2>Chapter 18</h2>
        <p>This chapter explains ba bla bla</p>
        
        <h2>Chapter 19</h2>
        <p>This chapter explains ba bla bla</p>
        
        <h2>Chapter 20</h2>
        <p>This chapter explains ba bla bla</p>
        
        <h2>Chapter 21</h2>
        <p>This chapter explains ba bla bla</p>
        
        <h2>Chapter 22</h2>
        <p>This chapter explains ba bla bla</p>
        
        <h2>Chapter 23</h2>
        <p>This chapter explains ba bla bla</p>

        <!-- 단락 -->
        <p>
            그러나 2015년 이 샹들리에가 과연 자코메티가 제작한 것이 맞는지에 대한 진위 논란이 있었다. 크랙스턴 기념 사업회는 이 작품의 진위를 증명하기 위해 오랜 싸움에 들어갔다. 샹들리에는 2021년 12월에 감정을 받기 위해 파리에 있는 자코메티 미술관으로 보내졌다.
        </p>
        <p>
            샹들리에 운송을 담당한 런던 보험 중개업체 애스턴 라크사의 한 관계자는 "샹들리에를 프랑스 파리로 보내고 다시 가지고 오는 데 중대한 보안 작전이 필요했지만, 노력을 들일 가치가 있었다"고 말했다.
        </p>
        <p>
            그는 "피터 왓슨이 의뢰한 이 샹들리에는 자코메티의 작품 중 유명한 초현실주의 조각 '매달린 공'과 함께 가장 중요한 걸이형 조각품 중 하나"라고 평가했다.
        </p>


        <!-- 3) 다른 페이지로 이동하면서 북마크한 곳으로 이동 -->
        <a href="html_demo.html#C4">Jump to Chapter 4</a>

        
    </body>
</html>

0개의 댓글

관련 채용 정보