본문 바로가기

Python/Python_Django

[Python_Django] HTML의 <a> 태그를 이용해서 페이지 이동하기

HTML에 하이퍼링크를 거는 <a> 태그가 있다. 이 태그를 이용해서 main탭과 comment탭을 왔다 갔다 할 수 있는 버튼을 만들 것이다.

board > templates > board > main.html
<!DOCTYPE html>
<head>

</head>
<body>
    <h1>
        Hello Django!
    </h1>
    <a href='/comment'>comment</a> <!-- href를 이용해서 이동할 링크를 /comment로 한다 -->
</body>

 

navBar > templates > navBar > comment.html
<!DOCTYPE html>
<head>

</head>
<body>
    <h1>
        This is Comment Tab
    </h1>
    <a href = '/'>main</a> <!-- 뒤에 url이 붙는게 없으면 /만 붙인다. -->
</body>

 

이렇게 코드를 적고 저장하게 되면, <h1>태그 밑에 링크가 생기게 된다.

밑에 comment 링크가 생기고 누르면

comment 페이지로 넘어가게 되고 comment 페이지에도 역시 main 링크가 있고 누르면 다시 main 페이지로 넘어가게 된다.