티스토리 뷰

방과후/HTML

HTML - 문서의 구조

잘생긴 이미남 2017. 8. 29. 13:45
반응형

이제까지 배운 내용을 바탕으로 문서의 구조를 완성해 봅시다. 


HTML

  1. 기술소개
  2. 기본문법
  3. 하이퍼텍스트와 속성
  4. 리스트와 태그의 중첩

선행학습

본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링크를 통해서 접근하실 수 있습니다.


문서의 구조는 본문과 본문이 아닌 부분으로 나눠져 있다. 

<head>~</head> 아래에는 title, meta 태그 등을 사용하여 표시할 수 있으며, 
<body>~</body> 태그에는 본문의 내용이 삽이되어서 들어간다. 

head, body태그를 감싸는 제일 바깥쪽에 사용하는 tag는 <html>~</html>태그를 사용하면 된다. 

<html>
<head>
<title>HTML - 수업소개</title>  // 탭 제목 설정
<meta charset="utf-8">
</head>                                     // 부가적인 정보
<body>
<h1>HTML</h1>
<ol>
<li>~</li>
</ol>
<h2>선행학습</h2>
...
</body>                                    // 본문
</html>



반응형

'방과후 > HTML' 카테고리의 다른 글

HTML - 웹사이트 만들기  (0) 2017.08.29
HTML - DOCTYPE  (0) 2017.08.29
HTML - 태그의 중첩과 목록  (0) 2017.08.28
HTML - 하이퍼텍스트와 속성  (0) 2017.08.28
HTML - 기본문법(태그)  (0) 2017.08.28
댓글
최근에 올라온 글
글 보관함
«   2025/02   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28