[ HTML ] HTML 태그_텍스트 요소
"내가 보려고 만든 HTML 태그 정리"
[ HTML 텍스트 요소 ]
① <h1>~<h6> : 제목 태그
- (h1 : 글씨 크기 가장 큼 ~ h6 : 글씨크기 가장 작음)
- <h>태그의 위아래로 약간의 여백이 자동으로 삽입
- <h>태그를 이용해 검색엔진이 각 웹사이트의 내용의 키워드 수집하고 내용파악
|
1
|
<h1> 내가 보려고 만든 HTML 태그 정리</h1>
|
내가 보려고 만든 HTML 태그 정리
② <p> : 단락(문단) 태그
- <p>태그의 위아래로 약간의 여백이 자동으로 삽입
- <p>태그 내의 여러번의 띄어쓰기(space 여러번)와 줄 나누기(엔터)는 무시되고 하나의 띄어쓰기(space 한번)로만 표현
|
1
2
|
<p> 띄 어 쓰 기
잘 되고 있나?</p>
|
띄 어 쓰 기 잘 되고 있나?
③ <br> : break line태그
- 새로운 단락을 만들지 않고 줄 나누기 가능
- 종료가 없는 빈태그(empty tag)
|
1
2
3
4
5
|
<p>
줄 나누기<br>
가능?
</p>
|
줄 나누기
가능?
④ <pre> : preformatted text 태그
- HTML코드에서 작성한 텍스트 서식을 그대로 표현할 수 있는 태그
- <pre>태그 내에 작성된 모든 띄어쓰기와 줄 나누기가 웹 브라우저에 그대로 표현
|
1
2
3
4
5
|
<pre>
과연 띄어쓰기와 줄 나 누기가
잘 될까???
</pre>
|
과연 띄어쓰기와 줄 나 누기가
잘 될까???
⑤ <hr> : horizontal rule 태그
- 단락 나눌때 or 내용상 구분 필요할 때 "수평 가로 구분선" 제공
|
1
2
3
4
5
|
<p> 1번 단락 </p><hr>
<p> 2번 단락 </p><hr>
<p> 3번 단락 </p>
|
1번 단락
--------------------------------
2번 단락
---------------------------------
3번 단락
⑥ <b>,<strong> : bold text태그
- HTML문서에서 텍스트를 굵게 표현하고 싶을 때 사용.
|
1
2
3
|
<p><b>안녕</b> 하세요!</p>
<p><strong>굵은 글씨</strong> 사용하는 법</p>
|
안녕, 굵은 글씨
하세요!, 사용하는 법