페이지 나누고 연결하기

hee_hee_·2022년 10월 5일
0

공부노트

목록 보기
5/35

<a href="https://naver.com" NAVER </a>

를 입력하면 홈페이지에 NAVER 라는 파란색 글씨가 뜨고, 누르면 네이버홈페이지로 이동.

a 태그를 입력하면 태그의 href라는 속성에 있는 경로로 페이지를 이동시켜주는 역할.


<body>
    <a href="https://naver.com">NAVER</a>
    <a href="/about/about.html">About</a>
</body>

를 입력하면 홈페이지에 추가로 About이라는 글자가 뜨고
href 속성에 있는 경로대로 이동, about.html이 열리면서 about.html에 입력한 About!!!!이 입력된 홈페이지가 뜬다.


브라우저는 자동으로 index라는 이름의 html파일을 찾기 때문에

프로젝트 폴더
about 폴더 - about.html 파일
index.html파일

이 존재 할 때
about 폴더 - about.html 파일의 about.html을 index.html로 이름을 변경하고

<a href="/about/about.html">About</a>

<a href="/about/index.html">About</a>
<a href="/about">About</a>

라고 변경해도 about이 잘 출력되는 것을 확인할 수 있다.


다시 메인 페이지로 돌아가려면 about이었던 html파일에

<body>
    <a href="/">Home</a>
    About!!!!
</body>

를 추가해주면 about 글자 위에 home 이라는 글자가 뜨고, 그걸 누르면 메인페이지로 돌아갈 수 있다.

profile
딩코딩코딩

0개의 댓글