HTML 제목, 문단, 여러줄, 줄바꿈, 공백 태그

본문 소제목 태그

<h1><h1>부터 <h6></h6>까지 6단계의 소제목을 표현 한다.

<!-- 본문 Tooltip 달기 -->
<h1 title = "h1태그"> h1 소제목 입니다.</h1>

문단, 텍스트 태그

<p></p> 
paragraph의 p로 표현하며 단락 단위로 본문 모양을 나타내며 자동으로 공백줄(Enter키)이 만들어진다.

<pre></pre> 
내부에 입력한 엔터키나 탭 및 기타 태그들을 개발자가 입력한 포맷 그대로 출력해준다.

<em></em>
강조하는 텍스트 : 기울임꼴

<strong></strong>
중요 텍스트 : 굵은 글자

 

여러줄 문자열

<!-- 가로 글자수, 세로 라인수 지정 -->
<textarea cols="50" rows="10">
내용 블라 블라 블라 ...
</textarea>

<!-- 너비 100%, 세로 라인수 지정 -->
<textarea style="width: 100%;" rows="5">
내용 블라 블라 블라 ...
</textarea>

줄 바꿈, 수평선, 공백

<br>
줄바꿈 표현

<hr>
수평선 삽입

&nbsp;
공백 표현

 

참조 : 블럭 형태(자동 줄바꿈), 인라인 형태(한 라인으로 계속 입력)

<p>, <h1>, <div>, <ul>
블럭 태그

<strong>, <a>, <img>, <span>
인라인 태그