![[ 생활코딩 ] 문서의 구조](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbT78yR%2Fbtqv7qIl7zZ%2FIw5oYdG8kBfKAgKnmjIYNk%2Fimg.jpg)

[ 생활코딩 ] 문서의 구조생활코딩2019. 6. 16. 15:15
Table of Contents
반응형
문서의 구조
태그들도 문서의 구조가 다 같진 않습니다. 부가적인 정보(문서를 꾸며주는 것)와 본문(본질적인 정보)로 나뉩니다.
HTML 태그
- head태그와 body태그를 감쌉니다. 맨 위에 위치합니다.
- 본문이 아닌 부가적인 정보입니다.
head 태그
- 본문이 아닌 태그들은 <head>태그 아래에 들어갑니다. ( ex : title, meta )
- 본문이 아닌 부가적인 정보입니다.
meta 태그
- 웹 페이지의 글씨가 깨지는 경우에는 <meat charset="utf-8"> 태그를 만들면 됩니다.
- <head>태그 밑에 위치합니다.
body 태그
- 본문인 태그들은 <body>태그 아래에 들어갑니다. ( ex : h1~6, ol, ul … )
- 태그안에 본문이 들어갑니다.
제목(<h1~6>) 태그
- 제목으로 표시하고 싶은 곳에 <h1~6>태그를 붙이면 됩니다.
- <body>태그 밑에 위치합니다.
- 본문에 위치합니다.
반응형

@HYUNJZZANG :: HyunZzang
HyunZzang의 프로그래밍 공간 / 함께 공부해요!!
도움이 되셨다면 "좋아요❤️" 또는 "구독👍🏻" 부탁드립니다 :)