일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- align-content
- properties
- flex-wrap
- 조건문
- 함수선언식
- typeof
- frontend
- 논리연산자
- 함수
- flex
- if else
- for of
- boolean
- 변수
- 기초
- justify-content
- javascript
- 함수표현식
- for
- 비교연산자
- for in
- 속성
- 프론트엔드
- 문자열
- 타입
- 화살표함수
- 반복문
- ELSE
- Methods
- flex-direction
- Today
- Total
하얀 코딩
[HTML - 2] 텍스트 태그 요소 본문
<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 |