728x90
SMALL
Template이란?
서로 다른 정보를 일정한 형태로 표시하기 위해 재사용 가능한 파일
보여주는 틀
즉, 서로다른 글이여도 하나의 template (html) 사용
Template 생성
template는 application/templates/application 디렉토리에 저장된다.
-> template의 관습적인 형태
blog dir 아래 templates/blog/를 생성해준다.
blog dir
- templates dir
- blog dir
다음으로 blog/templates/blog dir 안에 post_index.html 파일을 생성하고 hello world를 작성한다.
#blog/templates/blog/post_index.html
<html>
<center><h3 style="color:skyblue">hello world</h3></center>
</html>
그리고 http://localhost:8000/를 접속하면 위와 같이 template 생성일 잘 이루어 졌음을 알 수 있다.
(참고) 모든 web 은 <html> ~ </html> 구조로 가장 기본적인 tag이다.
Head /Body 구성
#blog/templates/blog/post_index.html
<html>
<head>
<title>SJ's Blog </title>
</head>
<body>
<center><h1 style="color:skyblue">hello world</h1></center>
<div class="col">
<a> sangjeong </a>
<a> blog </a>
</div>
</body>
</html>
- head, body
head는 문서 정보를 가지고 있지만, web page에서 보이지 않는 정보들을 담는 영역
body는 web page에 직접적으로 보여줄 내용 담김
간단한 웹페이지를 만들었네요.
다음은 post를 보여줄 차례!
LIST
'Web > django' 카테고리의 다른 글
| (Django) first project6 - Model , view, template 데이터 전달 (0) | 2020.08.13 |
|---|---|
| (Django) ORM과 QuerySets (0) | 2020.08.13 |
| (Django) first project 4 - View (0) | 2020.08.12 |
| (Django) first project 3 - urls (0) | 2020.08.12 |
| (Django)first project3 - Admin (0) | 2020.08.12 |
