syleemomo의 IT 블로그

프론트엔드/HTML & CSS 강의

9. 앵커(Anchor)의 표현

syleemomo 2023. 6. 9. 23:19
728x90

HTML 문서에서 자주 쓰이고 중요한 태그가 앵커(anchor) 태그이다. 앵커 태그는 <a> 로 작성하고 현재 페이지에서 이동하려고 하는 페이지의 링크를 지정한다. 링크는 a 태그의 href 속성값으로 지정하면 된다. href 는 hypertext reference 의 약자로 링크의 참조를 말한다. 즉, 현재 페이지에서 어느 경로로 이동할지 페이지 경로를 설정한다. 설정하는 경로는 크게 절대경로와 상대경로가 있다. 

 

절대경로 

절대경로에는 두가지 종류가 있다. 현재 웹사이트에서 외부 사이트로 이동하는 경우와 현재 웹사이트 내부에서 페이지를 이동하는 경우이다. 

 

절대경로 - 외부사이트로 이동하는 경우 

<!DOCTYPE html>
<html lang="ko">

    <head>
        <meta charset="UTF-8">
        <title>앵커 태그</title> 
    </head>
    
    <body>
       <h1>Anchor Tags</h1>
       <a href="https://www.google.com">구글</a>
       <a href="https://www.naver.com">네이버</a>
    </body>
    
</html>

a 태그의 href 속성으로 구글과 네이버의 사이트 주소를 절대경로로 설정한다. 시작태그와 종료태그 사이의 컨텐츠로 구글 또는 네이버라는 사이트 이름을 지정해준다. 외부 사이트로 이동하는 경우 절대경로는 외부 사이트의 전체주소를 의미한다. 즉, http:// 나 https:// 로 시작하는 사이트 주소이다. 구글 네이버라는 텍스트를 클릭하면 href 속성으로 설정한 사이트 주소로 이동한다. 

앵커 태그를 사용하면 브라우저의 디폴트 스타일로 텍스트 아래 밑줄이 적용된다. 개발자 도구의 Elements 탭에서 a 태그를 클릭하면 Styles 탭에 브라우저에서 제공하는 앵커 태그의 디폴트 스타일을 확인할 수 있다. text-decoration 에 underline 속성이 설정되어 있는 것을 알 수 있다. 또한 앵커 태그는 대표적인 인라인 레벨 요소이므로 컨텐츠 크기(텍스트 너비)만큼만 공간을 차지한다. 

 

새창에서 링크 열기

<!DOCTYPE html>
<html lang="ko">

    <head>
        <meta charset="UTF-8">
        <title>앵커 태그</title> 
    </head>
    
    <body>
       <h1>Anchor Tags</h1>
       <a href="https://www.google.com" target="_blank">구글</a>
       <a href="https://www.naver.com" target="_blank">네이버</a>
    </body>
    
</html>

현재는 링크를 클릭하면 브라우저 주소창의 주소가 a 태그의 href 속성값으로 지정한 사이트 주소로 변경된다. 하지만 어떤 상황에서는 브라우저의 새 탭에서 링크로 설정된 사이트를 오픈하고 싶을때도 있다. 이러한 경우에 a 태그의 target 속성값으로 _blank 를 지정해주면 된다. 

 

상대경로 

절대경로는 주로 현재 웹사이트에서 외부 사이트로 이동할때 사용한다. 현재 웹사이트 안에서 다른 페이지로 이동하려고 하는 경우에는 절대경로보다 상대경로를 자주 사용한다. 물론 예외적인 경우도 있으며 이는 절대경로와 상대경로를 연습할때 조금더 알아보기로 한다. 상대경로는 현재 머물고 있는 웹페이지의 경로에서 이동하려는 다른 페이지에 접근하기까지의 상대적인 파일 위치를 지정해주는 것이다. 

 

vsc 편집기에서 html 폴더를 생성한다. 그리고 해당 폴더 안에 home.html 파일을 생성하고 아래와 같이 작성한다. 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>홈페이지</title>
</head>
<body>
  <h1>홈페이지</h1>
  <p>홈페이지에 오신 것을 환영합니다!</p>
</body>
</html>

그런 다음 index.html 파일을 아래와 같이 작성한다. 

<!DOCTYPE html>
<html lang="ko">

    <head>
        <meta charset="UTF-8">
        <title>앵커 태그</title> 
    </head>
    
    <body>
       <h1>Anchor Tags</h1>
       <a href="./html/home.html">홈페이지</a>
    </body>
    
</html>

홈페이지 링크를 클릭하면 현재 페이지에서 새로 추가한 홈페이지로 이동한다. 또한 주소창의 주소는 http://127.0.0.1:5500/index.html 에서 http://127.0.0.1:5500/html/home.html 로 변경된다.

이때 index.html 파일에서 a 태그의 href 속성값으로 ./html/home.html 을 설정하는데 이는 상대경로를 의미한다. ./은 현재 코드가 작성된 index.html 파일을 기준으로 다른 파일을 탐색하겠다는 의미다. ./ 는 생략가능하다. html 은 html 폴더를 의미한다. 즉, 현재 index.html 파일 위치에서 html 폴더를 탐색하고 내부로 이동한다. /home.html 은 html 폴더 안에서 home.html 파일을 탐색한다. 즉, 상대경로는 현재 코드가 작성된 파일을 기준으로 다른 파일 또는 다른 웹페이지로 이동하기까지의 파일 경로를 설정한다. 

 

절대경로 - 현재 웹사이트 내부에서 페이지를 이동하는 경우

<!DOCTYPE html>
<html lang="ko">

    <head>
        <meta charset="UTF-8">
        <title>앵커 태그</title> 
    </head>
    
    <body>
       <h1>Anchor Tags</h1>
       <a href="/html/home.html">홈페이지</a>
    </body>
    
</html>

index.html 파일을 위와 같이 작성한다. 얼핏보면 이전과 달라진 점이 없는것처럼 보이지만 a 태그의 href 속성을 ./html/home.html 에서 /html/home.html 로 수정하였다. 즉, 경로의 시작을 ./ 에서 / 로 변경하였다. 이렇게 하면 완전히 다른 의미가 된다. 브라우저는 ./ 로 설정한 경우 현재 코드가 작성된 파일을 기준으로 경로를 탐색하지만 / 로 설정하면 웹사이트의 도메인 주소를 기준으로 파일을 탐색한다. 현재는 로컬서버주소인 http://127.0.0.1:5500/ 이다. 해당 주소를 시작점으로 해서 경로를 설정한다. 

홈페이지 링크를 클릭하면 현재 페이지에서 새로 추가한 홈페이지로 이동한다. 또한 주소창의 주소는 http://127.0.0.1:5500/index.html 에서 http://127.0.0.1:5500/html/home.html 로 변경된다. 즉, 현재는 상대경로와의 차이점이 없어보이지만 분명한 차이점이 있으며 이는 추후에 다시 설명할 것이다. 

 

절대경로와 상대경로 연습하기

<!DOCTYPE html>
<html lang="ko">

    <head>
        <meta charset="UTF-8">
        <title>앵커 태그</title>
    </head>
    
    <body>
        <header>
            <a href="">
                <img src="data:image/png;base64,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" alt="sample logo">
                SunriseBucks
            </a>
            
            <nav>
                <ul>
                    <li><a href="">Home</a></li>
                    <li><a href="">About</a></li>
                    <li><a href="">Service</a></li>
                    <li><a href="">Contact</a></li>
                </ul>
            </nav>
        </header>

        <main>
            <h2>main content</h2>
            <p>주요 내용입니다.</p>
            <section>
                <h2>section title</h2>
                <p>
                    section description
                </p>
            </section>

            <article>
                <h1>List title</h1>
                <article class="item">
                    <h2>item title</h2>
                    <p>item description</p>
                </article>
                <article class="item">
                    <h2>item title</h2>
                    <p>item description</p>
                </article>
                <article class="item">
                    <h2>item title</h2>
                    <p>item description</p>
                </article>
            </article>

            <figure>
                <img src="data:image/jpeg;base64,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"
                     alt="Elephants">
                <figcaption>Elephants</figcaption>
            </figure>
        </main>

        <footer>
            <h3>Posted by: sunrise</h3>
            <p>Contact information: <a href="mailto:someone@example.com">someone@example.com</a></p>

            <address>
                <p>주소: 서울시 양천구 목1동 123-123</p>
                <p>전화번호: 02-1234-1234</p>
                <p>이메일: <a href="mailto:example@example.com">example@example.com</a></p>
            </address>
        </footer>

        <aside>
            <h3>사이드 메뉴</h3>
            <nav>
                <ul>
                    <li><a href="">메뉴 1</a></li>
                    <li><a href="">메뉴 2</a></li>
                    <li><a href="">메뉴 3</a></li>
                </ul>
            </nav>
        </aside>
    </body>
    
</html>

시맨틱 태그에서 완료한 코드블럭을 index.html 파일에 복사붙여넣기 한다. header 부분은 아래와 같이 수정한다. index.html 은 말그대로 웹사이트의 전체적인 안내를 위한 페이지이다. 사용자가 해당 페이지에서 다른 페이지들로 이동하도록 안내한다. 

<header>
    <a href="">
        <img src="data:image/png;base64,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" alt="sample logo">
        SunriseBucks
    </a>

    <nav>
        <ul>
            <li><a href="">Home</a></li>
            <li><a href="">About</a></li>
            <li><a href="">Service</a></li>
            <li><a href="">Contact</a></li>
        </ul>
    </nav>
</header>

해당 코드를 기본뼈대로 해서 앵커태그의 경로를 연습해보자! 아래 코드는 index.html 파일에서 수정한 부분이다. 

<nav>
    <ul>
        <li><a href="html/home.html">Home</a></li>
        <li><a href="">About</a></li>
        <li><a href="">Service</a></li>
        <li><a href="">Contact</a></li>
    </ul>
</nav>

우선 Home 페이지를 앵커로 연결해보자! 일단 상대경로로 설정해보자. 현재 index.html 파일에서 home.html 파일이 있는 위치를 탐색할 수 있도록 경로를 지정해준다. home.html 파일은 html 폴더 안에 있으므로 위와 같이 경로를 지정해주면 Home 링크를 클릭할때 Home 페이지로 이동한다. 

하지만 홈페이지에서는 메뉴나 링크가 없기 때문에 웹사이트의 다른 페이지들로 이동할 수 없다. 일반적으로 하나의 웹사이트 안에서 모든 페이지들은 헤더영역(메뉴)를 가지고 있기 때문에 Home 페이지에도 header 블록을 복사붙여넣기해서 아래와 같이 추가해준다. 즉, home.html 파일에 header 블록을 추가한다. 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>홈페이지</title>
</head>
<body>
  <header>
    <a href="">
        <img src="data:image/png;base64,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" alt="sample logo">
        SunriseBucks
    </a>

    <nav>
        <ul>
            <li><a href="">Home</a></li>
            <li><a href="">About</a></li>
            <li><a href="">Service</a></li>
            <li><a href="">Contact</a></li>
        </ul>
    </nav>
  </header>

  <h1>홈페이지</h1>
  <p>홈페이지에 오신 것을 환영합니다!</p>
</body>
</html>

이제 Home 페이지에서도 다른 페이지들로 이동할 수 있게 된다. 

<nav>
    <ul>
        <li><a href="html/home.html">Home</a></li>
        <li><a href="">About</a></li>
        <li><a href="">Service</a></li>
        <li><a href="">Contact</a></li>
    </ul>
</nav>

그리고 index.html 파일과 마찬가지로 nav 태그 안의 코드를 위와 같이 수정한다. 이렇게 하고 Home 링크를 클릭하면 http://127.0.0.1:5500/html/html/home.html 로 이동하고 아래와 같은 에러가 발생한다. 

Cannot GET /html/html/home.html

이유는 html/home.html 은 ./html/home.html 과 동일한 의미이며 (./는 생략가능하므로) 이는 상대경로이기 때문이다. 즉, 현재 코드가 위치한 파일 경로는 http://127.0.0.1:5500/html/home.html 이며 html 폴더 안의 home.html 파일이다. 해당 위치에서 html 폴더를 탐색하고 다시 html 폴더 내부에서 home.html 파일을 탐색하지만 실제로 home.html 파일 위치에서는 html 폴더 자체가 존재하지 않는다. 그래서 해당 파일을 찾지 못했으므로 에러가 발생한다.

하지만 경로는 /html/html/home.html 로 제대로 설정된다. home.html 의 경로는 도메인 주소를 제외하고 /html/home.html 이다. 상대경로로 탐색하므로 html 폴더의 home.html 파일 위치에서 html 폴더를 탐색하고 다시 해당 폴더 내부에서 home.html 파일을 탐색하므로 경로는 /html/html/home.html 이 된다. 

<nav>
    <ul>
        <li><a href="./home.html">Home</a></li>
        <li><a href="">About</a></li>
        <li><a href="">Service</a></li>
        <li><a href="">Contact</a></li>
    </ul>
</nav>

home.html 파일의 nav 부분을 위와 같이 수정하면 Home 링크를 클릭했을때 그대로 Home 페이지가 새로 로딩된다. 즉, 새로고침된다. ./ 는 현재 home.html 파일의 위치이므로 html 폴더 내부이다. 해당 폴더 내부에는 home.html 파일이 존재하므로 브라우저는 해당 파일을 탐색하고 화면에 보여준다. 

<header>
    <a href="">
        <img src="data:image/png;base64,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" alt="sample logo">
        SunriseBucks
    </a>

    <nav>
        <ul>
            <li><a href="html/home.html">Home</a></li>
            <li><a href="">About</a></li>
            <li><a href="">Service</a></li>
            <li><a href="">Contact</a></li>
        </ul>
    </nav>
</header>

 

<header>
    <a href="">
        <img src="data:image/png;base64,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" alt="sample logo">
        SunriseBucks
    </a>

    <nav>
        <ul>
            <li><a href="./home.html">Home</a></li>
            <li><a href="">About</a></li>
            <li><a href="">Service</a></li>
            <li><a href="">Contact</a></li>
        </ul>
    </nav>
 </header>

하지만 한가지 문제점이 있다. 보통 웹사이트의 모든 페이지에는 공통적인 헤더영역(메뉴)가 존재하며 이는 동일한 코드를 사용한다. 즉, 동일한 코드를 재활용해서 사용한다. 하지만 현재 index.html 파일의 header 부분과 home.html 파일의 header 부분은 다르기 때문에 재활용이 불가능하다. 즉, 상대경로로 설정하면 헤더영역을 재활용하지 못한다. 

<header>
    <a href="">
        <img src="data:image/png;base64,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" alt="sample logo">
        SunriseBucks
    </a>
    
    <nav>
        <ul>
            <li><a href="/html/home.html">Home</a></li>
            <li><a href="">About</a></li>
            <li><a href="">Service</a></li>
            <li><a href="">Contact</a></li>
        </ul>
    </nav>
  </header>

그래서 이를 해결하고자 앞서 배운 지식을 활용해보자! 절대경로 - 웹사이트 내부에서 페이지를 이동하는 경우처럼 슬래쉬(/)를 이용해서 절대경로로 링크를 설정한다. index.html 파일과 home.html 파일의 헤더부분을 위와 같이 동일하게 변경하자.

이렇게 하면 브라우저는 도메인 주소로부터 파일을 탐색한다. 즉, 루트 디렉토리에서 시작해서 home.html 파일을 탐색한다. 도메인 주소나 루트 디렉토리에서 시작해서 파일을 탐색하므로 home.html 파일은 index.html 에서 찾으나 home.html 파일에서 찾으나 기준이 동일하기 때문에 동일한 경로를 가지게 된다. 

경로설정은 도메인 주소에서 시작하므로 http://127.0.0.1:5500 를 기준으로 /html/home.html 이 추가로 붙는다. 왜냐하면 슬래쉬(/)는 도메인 주소를 기준으로 경로를 설정하기 때문이다. 인덱스 페이지나 홈페이지에서 Home 링크를 클릭하면 원하는대로 동작한다. 

 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>About 페이지</title>
</head>
<body>
  <header>
    <a href="">
        <img src="data:image/png;base64,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" alt="sample logo">
        SunriseBucks
    </a>
    
    <nav>
        <ul>
            <li><a href="/html/home.html">Home</a></li>
            <li><a href="">About</a></li>
            <li><a href="">Service</a></li>
            <li><a href="">Contact</a></li>
        </ul>
    </nav>
  </header>

  <h1>About 페이지</h1>
  <p>SunriseBucks 에 대해 소개합니다.</p>
</body>
</html>

html 폴더 안에 about.html 파일을 생성하고 home.html 의 코드를 복사붙여넣기 한 다음 위와 같이 수정한다. 이제 모든 페이지에서 About 페이지에 대한 링크를 걸어줄 차례이다. 

<header>
    <a href="">
        <img src="data:image/png;base64,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" alt="sample logo">
        SunriseBucks
    </a>

    <nav>
        <ul>
            <li><a href="/html/home.html">Home</a></li>
            <li><a href="/html/about.html">About</a></li>
            <li><a href="">Service</a></li>
            <li><a href="">Contact</a></li>
        </ul>
    </nav>
</header>

index.html, home.html, about.html 파일의 헤더부분에서 위와 같이 About 페이지에 대한 경로를 동일하게 설정해주자! 이렇게 하면 모든 페이지에서 About 페이지로 이동할 수 있다. 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Service 페이지</title>
</head>
<body>
  <header>
    <a href="">
        <img src="data:image/png;base64,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" alt="sample logo">
        SunriseBucks
    </a>
    
    <nav>
        <ul>
            <li><a href="/html/home.html">Home</a></li>
            <li><a href="/html/about.html">About</a></li>
            <li><a href="">Service</a></li>
            <li><a href="">Contact</a></li>
        </ul>
    </nav>
  </header>

  <h1>Service 페이지</h1>
  <p>SunriseBucks 의 다양한 서비스를 소개합니다.</p>
</body>
</html>

동일한 방법으로 html 폴더 안에 service.html 파일을 생성하고 about.html 의 코드를 복사붙여넣기 한 다음 위와 같이 수정한다. 이제 모든 페이지에서 Service 페이지에 대한 링크를 걸어줄 차례이다. 

<header>
    <a href="">
        <img src="data:image/png;base64,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" alt="sample logo">
        SunriseBucks
    </a>
    
    <nav>
        <ul>
            <li><a href="/html/home.html">Home</a></li>
            <li><a href="/html/about.html">About</a></li>
            <li><a href="/html/service.html">Service</a></li>
            <li><a href="">Contact</a></li>
        </ul>
    </nav>
  </header>

index.html, home.html, about.html, service.html 파일의 헤더부분에서 위와 같이 Service 페이지에 대한 경로를 동일하게 설정해주자! 이렇게 하면 모든 페이지에서 Service 페이지로 이동할 수 있다. 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Contact 페이지</title>
</head>
<body>
  <header>
    <a href="">
        <img src="data:image/png;base64,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" alt="sample logo">
        SunriseBucks
    </a>
    
    <nav>
        <ul>
            <li><a href="/html/home.html">Home</a></li>
            <li><a href="/html/about.html">About</a></li>
            <li><a href="/html/service.html">Service</a></li>
            <li><a href="">Contact</a></li>
        </ul>
    </nav>
  </header>

  <h1>Contact 페이지</h1>
  <p>SunriseBucks 로 연락해서 궁금하신 점을 문의해주세요.</p>
</body>
</html>

동일한 방법으로 html 폴더 안에 contact.html 파일을 생성하고 service.html 의 코드를 복사붙여넣기 한 다음 위와 같이 수정한다. 이제 모든 페이지에서 Contact 페이지에 대한 링크를 걸어줄 차례이다. 

<header>
    <a href="">
        <img src="data:image/png;base64,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" alt="sample logo">
        SunriseBucks
    </a>

    <nav>
        <ul>
            <li><a href="/html/home.html">Home</a></li>
            <li><a href="/html/about.html">About</a></li>
            <li><a href="/html/service.html">Service</a></li>
            <li><a href="/html/contact.html">Contact</a></li>
        </ul>
    </nav>
</header>

index.html, home.html, about.html, service.html, contact.html 파일의 헤더부분에서 위와 같이 Contact 페이지에 대한 경로를 동일하게 설정해주자! 이렇게 하면 모든 페이지에서 Contact 페이지로 이동할 수 있다.

 

<header>
    <a href="/index.html">
        <img src="data:image/png;base64,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" alt="sample logo">
        SunriseBucks
    </a>
    
    <nav>
        <ul>
            <li><a href="/html/home.html">Home</a></li>
            <li><a href="/html/about.html">About</a></li>
            <li><a href="/html/service.html">Service</a></li>
            <li><a href="/html/contact.html">Contact</a></li>
        </ul>
    </nav>
</header>

이제 마지막으로 로고를 클릭할때 인데스 페이지로 돌아가는 것만 남았다. 모든 html 파일에서 위와 같이 header 태그 바로 밑에 있는 a 태그의 href 속성값을 /index.html 로 설정해준다. 이렇게 하면 도메인 주소나 루트 디렉토리에서 index.html 파일을 탐색한다. 이제 모든 페이지에서 로고를 클릭하면 인덱스 페이지로 다시 돌아간다. 

 

전체코드 

현재까지 구현된 전체코드는 아래와 같다. 

<!DOCTYPE html>
<html lang="ko">

    <head>
        <meta charset="UTF-8">
        <title>앵커 태그</title>
    </head>
    
    <body>
        <header>
            <a href="/index.html">
                <img src="data:image/png;base64,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" alt="sample logo">
                SunriseBucks
            </a>
            
            <nav>
                <ul>
                    <li><a href="/html/home.html">Home</a></li>
                    <li><a href="/html/about.html">About</a></li>
                    <li><a href="/html/service.html">Service</a></li>
                    <li><a href="/html/contact.html">Contact</a></li>
                </ul>
            </nav>
        </header>

        <main>
            <h2>main content</h2>
            <p>주요 내용입니다.</p>
            <section>
                <h2>section title</h2>
                <p>
                    section description
                </p>
            </section>

            <article>
                <h1>List title</h1>
                <article class="item">
                    <h2>item title</h2>
                    <p>item description</p>
                </article>
                <article class="item">
                    <h2>item title</h2>
                    <p>item description</p>
                </article>
                <article class="item">
                    <h2>item title</h2>
                    <p>item description</p>
                </article>
            </article>

            <figure>
                <img src="data:image/jpeg;base64,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"
                     alt="Elephants">
                <figcaption>Elephants</figcaption>
            </figure>
        </main>

        <footer>
            <h3>Posted by: sunrise</h3>
            <p>Contact information: <a href="mailto:someone@example.com">someone@example.com</a></p>

            <address>
                <p>주소: 서울시 양천구 목1동 123-123</p>
                <p>전화번호: 02-1234-1234</p>
                <p>이메일: <a href="mailto:example@example.com">example@example.com</a></p>
            </address>
        </footer>

        <aside>
            <h3>사이드 메뉴</h3>
            <nav>
                <ul>
                    <li><a href="">메뉴 1</a></li>
                    <li><a href="">메뉴 2</a></li>
                    <li><a href="">메뉴 3</a></li>
                </ul>
            </nav>
        </aside>
    </body>
    
</html>

index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>홈페이지</title>
</head>
<body>
  <header>
    <a href="/index.html">
        <img src="data:image/png;base64,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" alt="sample logo">
        SunriseBucks
    </a>
    
    <nav>
        <ul>
            <li><a href="/html/home.html">Home</a></li>
            <li><a href="/html/about.html">About</a></li>
            <li><a href="/html/service.html">Service</a></li>
            <li><a href="/html/contact.html">Contact</a></li>
        </ul>
    </nav>
  </header>

  <h1>홈페이지</h1>
  <p>홈페이지에 오신 것을 환영합니다!</p>
</body>
</html>

home.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>About 페이지</title>
</head>
<body>
  <header>
    <a href="/index.html">
        <img src="data:image/png;base64,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" alt="sample logo">
        SunriseBucks
    </a>
    
    <nav>
        <ul>
            <li><a href="/html/home.html">Home</a></li>
            <li><a href="/html/about.html">About</a></li>
            <li><a href="/html/service.html">Service</a></li>
            <li><a href="/html/contact.html">Contact</a></li>
        </ul>
    </nav>
  </header>

  <h1>About 페이지</h1>
  <p>SunriseBucks 에 대해 소개합니다.</p>
</body>
</html>

about.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Service 페이지</title>
</head>
<body>
  <header>
    <a href="/index.html">
        <img src="data:image/png;base64,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" alt="sample logo">
        SunriseBucks
    </a>
    
    <nav>
        <ul>
            <li><a href="/html/home.html">Home</a></li>
            <li><a href="/html/about.html">About</a></li>
            <li><a href="/html/service.html">Service</a></li>
            <li><a href="/html/contact.html">Contact</a></li>
        </ul>
    </nav>
  </header>

  <h1>Service 페이지</h1>
  <p>SunriseBucks 의 다양한 서비스를 소개합니다.</p>
</body>
</html>

service.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Contact 페이지</title>
</head>
<body>
  <header>
    <a href="/index.html">
        <img src="data:image/png;base64,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" alt="sample logo">
        SunriseBucks
    </a>
    
    <nav>
        <ul>
            <li><a href="/html/home.html">Home</a></li>
            <li><a href="/html/about.html">About</a></li>
            <li><a href="/html/service.html">Service</a></li>
            <li><a href="/html/contact.html">Contact</a></li>
        </ul>
    </nav>
  </header>

  <h1>Contact 페이지</h1>
  <p>SunriseBucks 로 연락해서 궁금하신 점을 문의해주세요.</p>
</body>
</html>

contact.html

 

contact.html 파일에는 현재 웹사이트와 관련된 외부 사이트 링크를 추가한다. 현재는 관련된 사이트가 구글과 네이버라고 가정한다. a 태그의 href 속성값으로 절대경로를 설정해주고 외부 사이트를 브라우저 새 탭에서 열게 한다. 이렇게 한 이유는 새 탭을 끄더라도 내 사이트로 돌아와서 다시 웹서비스를 사용자에게 안내할 수 있기 때문이다. 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Contact 페이지</title>
</head>
<body>
  <header>
    <a href="/index.html">
        <img src="data:image/png;base64,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" alt="sample logo">
        SunriseBucks
    </a>
    
    <nav>
        <ul>
            <li><a href="/html/home.html">Home</a></li>
            <li><a href="/html/about.html">About</a></li>
            <li><a href="/html/service.html">Service</a></li>
            <li>
              <a href="/html/contact.html">Contact</a>
              <ul>
                <li><a href="https://www.google.com" target="_blank">구글</a></li>
                <li><a href="https://www.naver.com" target="_blank">네이버</a></li>
              </ul>
            </li>
        </ul>
    </nav>
  </header>

  <h1>Contact 페이지</h1>
  <p>SunriseBucks 로 연락해서 궁금하신 점을 문의해주세요.</p>
</body>
</html>

contact.html 수정

 

파일 다운로드 

a 태그에는 download 속성을 설정할 수 있으며 이를 활용하여 정적인 파일을 다운로드할 수 있다. 루트 디렉토리에 docs 폴더를 생성하고 내부에 다운로드할 이미지와 PDF 파일을 추가한다. 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Service 페이지</title>
</head>
<body>
  <header>
    <a href="/index.html">
        <img src="data:image/png;base64,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" alt="sample logo">
        SunriseBucks
    </a>
    
    <nav>
        <ul>
            <li><a href="/html/home.html">Home</a></li>
            <li><a href="/html/about.html">About</a></li>
            <li><a href="/html/service.html">Service</a></li>
            <li><a href="/html/contact.html">Contact</a></li>
        </ul>
    </nav>
  </header>

  <h1>Service 페이지</h1>
  <p>SunriseBucks 의 다양한 서비스를 소개합니다.</p>

  <h3>다운로드</h3>
  <ul>
    <li><a href="../docs/downloaded-img.jpg" download>서비스 이미지 다운로드</a></li>
    <li><a href="../docs/downloaded-pdf.pdf" download>서비스 PDF 다운로드</a></li>
  </ul>
</body>
</html>

service.html 파일에서 아래 코드를 추가한다. 다운로드할 파일의 리스트(목록)이므로 ul, li 태그를 이용하여 작성하고 다운로드가 가능하도록 a 태그를 추가하면서 download 속성을 설정해준다.

<h3>다운로드</h3>
<ul>
    <li><a href="../docs/downloaded-img.jpg" download>서비스 이미지 다운로드</a></li>
    <li><a href="../docs/downloaded-pdf.pdf" download>서비스 PDF 다운로드</a></li>
</ul>

다운로드할 파일의 경로는 상대경로로 설정해주었다. 현재 service.html 파일 위치에서 docs 폴더는 상위 디렉토리이므로 ../ 을 이용하면 html 폴더와 동등한 위치의 상위 디렉토리 경로로 이동한다. 다시 슬래쉬(/) 를 이용하여 docs 폴더 안에 존재하는 이미지와 PDF 파일을 탐색한다. download 속성을 설정하였으므로 링크를 클릭하면 해당 경로로 지정된 파일을 다운로드한다. 

 

이메일 링크

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Contact 페이지</title>
</head>
<body>
  <header>
    <a href="/index.html">
        <img src="data:image/png;base64,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" alt="sample logo">
        SunriseBucks
    </a>
    
    <nav>
        <ul>
            <li><a href="/html/home.html">Home</a></li>
            <li><a href="/html/about.html">About</a></li>
            <li><a href="/html/service.html">Service</a></li>
            <li>
              <a href="/html/contact.html">Contact</a>
              <ul>
                <li><a href="https://www.google.com" target="_blank">구글</a></li>
                <li><a href="https://www.naver.com" target="_blank">네이버</a></li>
              </ul>
            </li>
        </ul>
    </nav>
  </header>

  <h1>Contact 페이지</h1>
  <p>
    SunriseBucks 로 연락해서 궁금하신 점을 문의해주세요.
    <a href="mailto:sunrisebucks@gmail.com">SunriseBucks Email</a>
  </p>
</body>
</html>

Contact 페이지에서는 회사 이메일로 연락할 수 있도록 a 태그를 이용하여 아래와 같이 기능을 추가한다. a 태그에 이메일 링크를 추가할때는 https:// 나 ./ 등의 경로 대신에 mailto: 라는 접두사(prefix)를 추가해주면 된다. 

<p>
    SunriseBucks 로 연락해서 궁금하신 점을 문의해주세요.
    <a href="mailto:sunrisebucks@gmail.com">SunriseBucks Email</a>
</p>

 

SunriseBucks Emal 링크를 클릭하면 아래와 같이 이메일을 보낼수 있는 mail 프로그램이 실행된다. 현재 OS 가 리눅스라서 리눅스에 설치된 이메일 프로그램이 실행되고 있는 모습이다. 윈도우에서는 윈도우에 설치된 mail 프로그램이 실행될 것이다. 

이메일 링크 클릭시 화면

 

웹페이지 내부에서 링크로 이동하기

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>About 페이지</title>
</head>
<body>
  <header>
    <a href="/index.html">
        <img src="data:image/png;base64,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" alt="sample logo">
        SunriseBucks
    </a>
    
    <nav>
        <ul>
            <li><a href="/html/home.html">Home</a></li>
            <li><a href="/html/about.html">About</a></li>
            <li><a href="/html/service.html">Service</a></li>
            <li><a href="/html/contact.html">Contact</a></li>
        </ul>
    </nav>
  </header>

  <h1>About 페이지</h1>
  <p>SunriseBucks 에 대해 소개합니다.</p>

  <section>
    <article>
      <h3>Our CI</h3>
      <p></p>
      <p></p>
      <p></p>
      <p></p>
    </article>
    <article>
      <h3>Our Vision</h3>
    </article>
    <article>
      <h3>Our History</h3>
    </article>
  </section>
</body>
</html>

About 페이지에 내부 링크를 설정하여 해당 페이지 안에서 특정 컨텐츠 위치로 이동할 수 있는 기능을 구현해보자! 일단 컨텐츠를 추가하기 위하여 section, article 태그를 사용하였다.

시맨틱 태그 수업시간에 설명한것처럼 section 은 컨텐츠들의 집합이므로 section 안에는 여러개의 컨텐츠들이 들어간다. article 은 하나의 독립적인 컨텐츠를 의미하므로 section 안에 article 로 각각의 컨텐츠를 구분한다. article 에는 heading 태그로 각 컨텐츠가 어떤 내용인지 제목을 작성한다. 그리고 p 태그를 이용하여 실제 컨텐츠 내용이 들어갈 수 있도록 한다. 

<article>
  <h3>Our CI</h3>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
  Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
    Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
    Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
    Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
</article>

랜덤으로 컨텐츠를 생성해주는 lorem Ipsum 기능을 이용하여 첫번째 article 에 컨텐츠를 채운다. 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>About 페이지</title>
</head>
<body>
  <header>
    <a href="/index.html">
        <img src="data:image/png;base64,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" alt="sample logo">
        SunriseBucks
    </a>
    
    <nav>
        <ul>
            <li><a href="/html/home.html">Home</a></li>
            <li><a href="/html/about.html">About</a></li>
            <li><a href="/html/service.html">Service</a></li>
            <li><a href="/html/contact.html">Contact</a></li>
        </ul>
    </nav>
  </header>

  <h1>About 페이지</h1>
  <p>SunriseBucks 에 대해 소개합니다.</p>

  <section>
    <article>
      <h3>Our CI</h3>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
      Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
    </article>
    <article>
      <h3>Our Vision</h3>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
    </article>
    <article>
      <h3>Our History</h3>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
          Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
    </article>
  </section>
</body>
</html>

나머지 article 에도 첫번째 article 의 컨텐츠 내용을 복사붙여넣기 한다. 그럼 아래와 같이 About 페이지가 작성된다. 

하지만 About 페이지에 너무 많은 컨텐츠가 있어서 읽어보려고 하는 컨텐츠가 있는 위치를 찾아보기가 힘들다. 이를 해결하기 위하여 a 태그의 내부 링크 기능을 활용하면 된다. 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>About 페이지</title>
</head>
<body>
  <header>
    <a href="/index.html">
        <img src="data:image/png;base64,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" alt="sample logo">
        SunriseBucks
    </a>
    
    <nav>
        <ul>
            <li><a href="/html/home.html">Home</a></li>
            <li><a href="/html/about.html">About</a></li>
            <li><a href="/html/service.html">Service</a></li>
            <li><a href="/html/contact.html">Contact</a></li>
        </ul>
    </nav>
  </header>

  <h1>About 페이지</h1>
  <p>SunriseBucks 에 대해 소개합니다.</p>

  <h3>컨텐츠 목록</h3>
  <p>
    <a href="">Our CI</a>
    <a href="">Our Vision</a>
    <a href="">Our History</a>
  </p>

  <section>
    <article>
      <h3>Our CI</h3>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
      Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
    </article>
    <article>
      <h3>Our Vision</h3>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
    </article>
    <article>
      <h3>Our History</h3>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
          Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
    </article>
  </section>
</body>
</html>

h3 태그로 컨텐츠 목록이라는 제목을 달아주고 p 태그 안에 a 태그로 각각의 컨텐츠 제목을 나열하고 링크를 설정하였다. p 태그는 블록레벨 요소로 인라인 요소인 a 태그를 그룹화하는데 사용하고 있다. 

이제 컨텐츠 목록에서 각 컨텐츠 제목을 클릭하면 해당 컨텐츠가 작성된 위치로 스크롤되면서 페이지가 이동하도록 할 것이다. 그렇게 하려면 브라우저가 각 컨텐츠를 구분할 수 있도록 아래와 같이 article 에 id 값을 설정해주면 된다. 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>About 페이지</title>
</head>
<body>
  <header>
    <a href="/index.html">
        <img src="data:image/png;base64,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" alt="sample logo">
        SunriseBucks
    </a>
    
    <nav>
        <ul>
            <li><a href="/html/home.html">Home</a></li>
            <li><a href="/html/about.html">About</a></li>
            <li><a href="/html/service.html">Service</a></li>
            <li><a href="/html/contact.html">Contact</a></li>
        </ul>
    </nav>
  </header>

  <h1>About 페이지</h1>
  <p>SunriseBucks 에 대해 소개합니다.</p>

  <h3>컨텐츠 목록</h3>
  <p>
    <a href="">Our CI</a>
    <a href="">Our Vision</a>
    <a href="">Our History</a>
  </p>

  <section>
    <article id="ci">
      <h3>Our CI</h3>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
      Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
    </article>
    <article id="vision">
      <h3>Our Vision</h3>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
    </article>
    <article id="history">
      <h3>Our History</h3>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
          Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
    </article>
  </section>
</body>
</html>
<article id="ci">
...중략
</article>

이제 실제로 컨텐츠 목록에서 컨텐츠 제목을 클릭할때 해당 컨텐츠 위치로 이동할 수 있도록 a 태그에 경로를 설정해주면 된다. 웹페이지 내부에서 해당 컨텐츠로 이동할때는 a 태그의 href 속성값으로 맨 앞에 샵(#)을 붙여주고 이동하고자 하는 컨텐츠 위치의 id 값을 설정해주면 된다. 

<h3>컨텐츠 목록</h3>
<p>
    <a href="#ci">Our CI</a>
    <a href="#vision">Our Vision</a>
    <a href="#history">Our History</a>
</p>

이제 컨텐츠 목록에서 특정 컨텐츠 제목을 클릭하면 아래와 같이 해당 컨텐츠 위치로 이동한다.

Our Vison 을 클릭한 경우

 

About 페이지의 전체코드는 아래와 같다. 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>About 페이지</title>
</head>
<body>
  <header>
    <a href="/index.html">
        <img src="data:image/png;base64,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" alt="sample logo">
        SunriseBucks
    </a>
    
    <nav>
        <ul>
            <li><a href="/html/home.html">Home</a></li>
            <li><a href="/html/about.html">About</a></li>
            <li><a href="/html/service.html">Service</a></li>
            <li><a href="/html/contact.html">Contact</a></li>
        </ul>
    </nav>
  </header>

  <h1>About 페이지</h1>
  <p>SunriseBucks 에 대해 소개합니다.</p>

  <h3>컨텐츠 목록</h3>
  <p>
    <a href="#ci">Our CI</a>
    <a href="#vision">Our Vision</a>
    <a href="#history">Our History</a>
  </p>

  <section>
    <article id="ci">
      <h3>Our CI</h3>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
      Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
    </article>
    <article id="vision">
      <h3>Our Vision</h3>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
    </article>
    <article id="history">
      <h3>Our History</h3>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
        Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel nisi incidunt, iusto laudantium nesciunt aliquid deserunt expedita, sapiente excepturi atque iure voluptatum! Unde voluptatibus nam suscipit cumque tempora, exercitationem debitis?
          Nostrum expedita doloremque voluptas vitae magnam optio veritatis nisi amet earum corporis nihil recusandae laudantium harum perferendis voluptatum pariatur consequuntur quos sunt saepe ullam beatae, quia, ad quidem magni. Quasi?</p>
    </article>
  </section>
</body>
</html>

좀 더 매끄러운 스크롤링을 위해 아래와 같은 스타일을 추가할 수 있다. 

<style>
    html{
        scroll-behavior: smooth;
    }
</style>
728x90
저작자표시 비영리 변경금지

'프론트엔드 > HTML & CSS 강의' 카테고리의 다른 글

11. 폼 요소의 종류  (0) 2023.06.10
10. 이미지(image) 보여주기  (0) 2023.06.10
8. 표를 만드는 테이블 요소  (0) 2023.06.09
7. 목록을 표현하는 요소  (0) 2023.06.08
6. 제목, 문단, 구분선, 정형화된 텍스트  (0) 2023.06.08

'프론트엔드/HTML & CSS 강의'의 다른글

  • 현재글9. 앵커(Anchor)의 표현

관련글

티스토리툴바