웹표준/HTML4

HTML4 태그 속성 및 단락

byeong07 2017. 8. 19. 11:34

<!-- html 에서의 주석 표시 -->

<!-- DOCTYPE 문서 형식 : html 버전 -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<!-- 웹 문서 시작 -->
<html>

<!-- 머릿말(meta, title) 시작 -->
<head>

<!-- meta는 문서 타입, 문자셋 지정은 UTF-8로 한 것이다. -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<!-- 문서 제목 : 웹브라우저의 제목표시줄에 보여진다. -->
<title>Insert title here</title>

<!-- 머릿말 끝 -->
</head>

<!-- 본문 시작 : 웹브라우저의 본체에 보여지는 내용 -->
<body>
 <!-- <hn> 태그 : 제목 태그(n : 1~6) --> <!-- 제목 태그 : <h숫자> 내용 </h숫자> : (숫자 : 1~6) -->
 <h1>반갑습니다. 웹기초에 오신걸 환영합니다.</h1>
 <h2>반갑습니다. 웹기초에 오신걸 환영합니다.</h2>
 <h3>반갑습니다. 웹기초에 오신걸 환영합니다.</h3>
 <h4>반갑습니다. 웹기초에 오신걸 환영합니다.</h4>
 <h5>반갑습니다. 웹기초에 오신걸 환영합니다.</h5>
 <h6>반갑습니다. 웹기초에 오신걸 환영합니다.</h6>

 <!-- 단락 태그 : <p> 태그 -->
 <p> 첫 번째 단락입니다. </p>
 <p> 두 번째 단락입니다. </p>
 
 <!-- <h>, <p> 태그는 자체적으로 줄바꿈 기능을 제공한다. -->


</body>


<!-- 웹 문서의 끝 -->
</html>

- HTML4 태그에서 주석 표시는 <!-- --> 이렇게 표시하게 됩니다.

  주석이란 소스 코드 작성 중에 쉽게 알아보기 위해 작성하는 설명문이라 생각하시면 됩니다.

 

- 중요한 것이 태그의 시작과 끝은 무조건 <> ~ </> 로 되어야 합니다.

  예를 들어 <html> ~ </html>, <h3>안녕하세요</h3>으로 한 쌍이 되어야 합니다.

 

- 위에 설명해드렸듯이 html은 웹 문서의 시작이며 </html>이 끝입니다.

   <head>는 머릿말의 시작이며 </head>가 머릿말의 마지막입니다.

 

- <body>는 본문의 시작이며 마찬가지로 </body>는 본문의 마지막에 해당합니다.