하얀 코딩

[HTML - 2] 텍스트 태그 요소 본문

HTML

[HTML - 2] 텍스트 태그 요소

whitecoding 2022. 12. 11. 02:25

<h1> <h2> <h3> <h4> <h5> <h6> ... </h(n)>

제목 (Heading)
가장 큰 <h1>태그부터 가장 작은 <h6>태그까지 다양한 크기로 제목을 표현할 수 있습니다.

이런 <h>태그는 제목의 표현이라는 기능 외에도 또 다른 중요한 역할을 하고 있습니다.
여러 검색엔진은 각 웹 사이트의 내용을 바로 이 <h>태그를 이용하여 키워드를 수집하고, 그 내용을 파악합니다.
따라서 HTML 문서에 포함되는 제목은 <h>태그로 작성해야만 검색엔진에 의해 제대로 검색될 확률을 높일 수 있습니다.

<p> </p>

단락 (Paragraph)

1. <p>태그의 위아래로는 약간의 여백(margin)이 자동으로 삽입됩니다.

2. <p>태그 내에서 작성된 여러 번의 띄어쓰기와 줄 나누기는 오직 하나의 띄어쓰기로만 표현됩니다.

3. <br>태그(break line)를 사용하면 새로운 단락을 만들지 않고도 줄을 나눌 수 있습니다.

4. <br>태그는 종료 태그가 없는 빈 태그(empty tag)입니다.

<b> </b>, <strong> </strong>

굵은 글씨

1. <b>태그는 단순히 화면의 텍스트를 굵게 표현해 줍니다.

2. <strong>태그는 텍스트를 굵게 표현해줄 뿐만 아니라 그 내용이 중요하다는 의미도 함께 포함해 줍니다.

<i> </i>, <em</em>

이탤릭체

1. <i>태그는 단순히 화면의 텍스트를 이탤릭체로 표현해 줍니다.

2. <em>태그는 텍스트를 이탤릭체로 변환해줄 뿐만 아니라 그 내용이 중요하다는 의미도 함께 포함해 줍니다.

<mark> </mark>

하이라이팅 효과

<mark>태그는 텍스트에 하이라이팅(highlighting) 효과를 적용시켜 줍니다.

<del> </del>

삭제 효과

<del>태그(delete)는 텍스트 중앙에 가로줄을 만들어 마치 텍스트를 지운 것과 같은 효과를 내줍니다.

 

<ins> </ins>

삽입 효과

<ins>태그(insert)는 텍스트 밑에 가로줄을 만들어 마치 빈칸에 텍스트를 삽입한 것과 같은 효과를 내줍니다.

<sup> </sup>, <sub> </sub>

위첨자와 아래첨자 효과

위첨자는 <sup>태그(superscript)를 사용하여, 아래첨자는 <sub>태그(subscript)를 사용하여 각각 표현할 수 있습니다.

참고하면 좋을것!

인용구 : http://www.tcpschool.com/html/html_text_quotations

문자셋 : http://www.tcpschool.com/html/html_text_encodings

주석 : http://www.tcpschool.com/html/html_text_comments

 

'HTML' 카테고리의 다른 글

[HTML - 6] form 요소  (0) 2022.12.30
[HTML - 5] block & inline  (0) 2022.12.30
[HTML - 4] 기본 요소  (0) 2022.12.11
[HTML - 3] 엔티티(Entity)  (0) 2022.12.11
[HTML - 1] HTML 기초  (0) 2022.10.26