본문 바로가기
Languages/Python

[Django] HTML_Template - Djangogirls

by 김크롱 2020. 7. 30.

HTML

 - HyperText Markup Language

 - HyperText : 페이지 간 하이퍼링크가 포함된 텍스트

 - Markup : 브라우저가 문서를 해석하도록 표시함 - <태그> 

 

 

Django HTML?

 - 장고에서는 템플릿 양식으로 HTML을 사용함

 

Template

 : 서로 다른 정보를 일정한 형태로 표시하기 위한 재사용 가능한 파일

 

blog/templates/blog

 - templates, blog 디렉토리와 post_list.html 생성

 

http://127.0.0.1:8000/

 - 접속해 작동 확인

post_list.html로 연결됨. 아무것도 없는 상태.

 

HTML 작성

post_list.html

<html>
  <p>Hi there^^</p>
  <p>It works</p>
</html>

 

html태그 잘 작동됨

 

post_list.html

<html>
    <head>
        <title>Title</title>
    </head>
    <body>
        <div>
            <h1><a href="">Blog Name</a></h1>
        </div>

        <div>
            <p>published: 30.07.2020, 01:00</p>
            <h2><a href="">My first post</a></h2>
            <p>First Contents</p>
        </div>

        <div>
            <p>published: 30.07.2020, 01:00</p>
            <h2><a href="">My second post</a></h2>
            <p>Second Contents</p>
        </div>
    </body>
</html>

 

HTML <tag>

<head></head> : 문서정보를 가지고 있지만 웹 페이지에서 보이지 않음, 브라우저에 페이지에 대한 설정을 알려줌

<body></body> : 직접 보이는 정보, 실제 페이지에 보여줄 내용을 알려줌

<title></title> : 상단에 보여질 페이지 이름

<h1></h1> : 큰 제목

<h2></h2> : 중 제목, <h6>까지 사용 가능

<em></em> : 텍스트 기울기

<strong></strong> : 텍스트 굵게, <b>

<br /> : 줄바꿈

<a href="url">click</a> : 하이퍼링크 걸기

<ul><li></li><ul> : 목록 만들기

<div></div> : 페이지 섹션

 

 

 

 

 

https://tutorial.djangogirls.org/ko/html/

 

HTML 시작하기 · HonKit

템플릿이란 서로 다른 정보를 일정한 형태로 표시하기 위해 재사용 가능한 파일을 말해요. 예를 들면 편지에도 같은 템플릿을 사용할 수 있어요. 편지의 내용이나 수신인 주소는 달라져도 같은

tutorial.djangogirls.org