블로그 보관함

2014년 2월 25일 화요일

HTML 의 구성

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head> <-- 콘텐츠의 부가정보
    콘텐츠가 어떤 형식이고, 어떤 문자집합으로 되어있는지 브라우저에게 알려줌.
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>HTML001</title> <-- 웹 브라우저 타이틀바 또는 탭바에 출력될 제목
    <style>
      div, span{
        border : 2px red solid;
      }
    </style>
  </head>
  <body> <-- 콘텐츠 본문 
    <p>홍길동</p>
    div에 대하여....
    <div>
    형식 : block (라인 전체를 점유)<br>
    용도 : 콘텐츠 또는 HTML 컴포넌트를 묶는다.
    </div>
    <span>
    형식 : inline (현재 라인에 삽입)<br>
    용도 : 일부 콘텐츠를 묶을 때 사용.
    </span>
  <h1>제목1</h1>
  <h2>제목2</h2>
  <h3>제목3</h3>
  <h4>제목4</h4>
  <h5>제목5</h5>
  <h6>제목6</h6>
  <p style="font-size:30px; font-weight: bold;">가짜 제목1</p> <-- 스타일을 적용한 fake
  </body>
</html>

댓글 없음:

댓글 쓰기