HTML의 기초 태그인 Heading과 Paragraph에 대해서 알아보겠습니다.
설명에 앞서, HTML작성 중 태그를 사용하실 때에, 항상 END태그( </태그명> )를 꼭 쓰셔야 합니다.
만약 end태그를 사용하지 않으시면 HTML 내용이 꼬일 수 있으므로 유의 하셔야 합니다.
HTML에디터를 사용하여 작성하시면 자동적으로 END 태그를 붙여주거나, 알려주어 실수를 방지해 줍니다.
메모장을 사용하시는 경우에는.. 작성자 본인이 잊으시면 안되겠습니다.
<h1></h1> : heading 태그로써, 글의 제목이나 소제목에 사용되어지는 태그입니다.
<h1>~<h6> 까지 사용하실 수 있으며 각 태그의 크기 차이가 존재하니 아래 사진을 참고해 주세요.
<p></p> : Paragraph 태그로 본문을 작성하시는 하시는 공간입니다.
<!-- [내용] --> : 주석, 코멘트를 달아 줄 때 사용하는 태그 입니다. <!-- 와 --> 사이에 내용을 적어주시면 됩니다.
각 코드별 설명
<!DOCTYPE html> <!--HTML5 선언-->
<html> <!--HTML 문서의 시작-->
<head lang="en"> <!--HTML 문서의 일반적인 정보를 나타내줌,
lang=en 이 HTML 문서의 주언어 설정-->
<meta charset="UTF-8"> <!--문자 코드 세트 지정-->
<title> 페이지의 타이틀 입니다.</title>
</head>
<body> <!-- HTML의 실제 내용 부분. 웹 브라우져에서 볼 내용을 작성-->
<h1> 머릿글(1) 입니다. </h1> <!--heading 태크-->
<h2> 머릿글(2) 입니다. </h2>
<h3> 머릿글(3) 입니다. </h3>
<h4> 머릿글(4) 입니다. </h4>
<h5> 머릿글(5) 입니다. </h5>
<h6> 머릿글(6) 입니다. </h6>
<p> 문단입니다. </p> <!--paragraph 태그-->
<p> 문단은 변화가 없습니다.</p>
</body>
</html>
'IT > HTML5' 카테고리의 다른 글
[HTML기초] 9. Font 태그와 그 속성들 / font size, color, face (0) | 2015.06.23 |
---|---|
HTML 태그의 정의와 사용방법 (0) | 2015.06.22 |
[HTML기초] 8. HTML 기초 태그 / <code>,<samp>,<kbd>,<var> 태그 (0) | 2015.06.21 |
[HTML기초] 7. HTML 기초 태그 / <sup>,<sub>,<mark>,<em> 태그 (0) | 2015.06.20 |
[HTML기초] 6. HTML 기초 태그 / <i>,<strong>,<small>,<u>, <del> 태그 (0) | 2015.06.16 |
[HTML기초] 4. HTML 기초 태그 <a href>, <a>, <br>, <img> 태그 (0) | 2015.06.15 |
[HTML기초] 5.HTML기초 태그 / <p title>, <b>, <hr>, <pre> 태그 (0) | 2015.06.15 |
[HTML기초] 2. HTML 에디터 / 메모장으로 작성하기 (0) | 2015.06.09 |
[HTML기초] 1. HTML이란? (0) | 2015.06.08 |