[HTML] 태그 - 텍스트 관련(1)

html 태그는 종류가 정말 다양합니다.

의미있는 웹 사이트를 만들기 위해 콘텐츠의 용도에 맞는 올바른 태그의 사용이 꼭 필요합니다.

 

제목

제목(heading) 태그입니다. 제목 태그는 h1부터 h6까지 있습니다. h1이 제일 크고 h6가 제일 작습니다.

<h1>제목1</h1>
<h2>제목2</h2>
<h3>제목3</h3>
<h4>제목4</h4>
<h5>제목5</h5>
<h6>제목6</h6>

제목 태그

 

제목을 표시할 때 사용되며 간격, 색상, 폰트두께, 폰트크기 등은 css로 설정이 가능합니다.

h1 태그는 문서 전체에서 하나만 사용하는 것을 권장합니다. 보통 header 안의 로고 등에서 h1이 사용되거나,

섹션의 제목에 사용됩니다.

블록요소로 기본적으로 margin 등이 설정되어 있어 간격이 띄워집니다.

 

 

문단태그

문단(paragraph)을 만드는 태그입니다. p 사이에 문단의 내용을 넣습니다.

블록요소로 기본적으로 margin 등이 설정되어 있어 간격이 띄워집니다.

<p>가나다라마바사아자차카타파하</p>
<p>ABCDEFGHIJKLMNOPQRSTUVWXYZ</p>

문단 태그

이 아래는 모두 인라인 태그입니다.

 

bold, i, strong, em

<b>두껍게</b>
<i>기울게</i>
<strong>강조!</strong>
<em>좀만 강조</em>

위의 결과

<b>: 두껍게(bold) 효과를 줍니다. <em>과 같이 약한 강조의 의미로 사용됩니다.

<i>: 기울임 효과를 줍니다. 보통 기술 용어, 외국어 등 단어를 강조합니다.

<strong>: 강!!하!!게!! 강조합니다.

<em>: strong보다 약하게 강조합니다.

 

ins, del, s, u

<ins>밑줄을 긋자</ins>
<del>취소선을 긋자</del>
<s>취소선 하나 더 있다 약한 취소</s>
<u>밑줄~~절차 오류 지적에 보통 쓴다</u>

위의 결과

<ins>: 밑줄을 표시합니다. insert의 약자로 문서에 삽입된 텍스트를 의미합니다.
<del>: 취소선을 표시합니다. delete의 약자로 문서에서 삭제된 텍스트를 의미합니다.
<s>: 취소선을 표시합니다. <del>보다는 약한 삭제의 의미입니다.
<u>: 밑줄을 표시합니다. <ins>와 다르게 절차 오류에 사용됩니다. (예,맞춤법 오류에서의 밑줄 등)

 

sup, sub

a<sup>2</sup>
log<sub>3</sub>b

위의 결과

<sup>: 윗 첨자로 표시합니다.

<sub>: 아래 첨자로 표시합니다.