2. HTML 텍스트 요소
1) <h>
1~6까지 지정 가능하며 6으로 갈 수록 글자 크기가 작아짐.
<h>태그는 제목의 표현이라는 기능 외에도 또 다른 중요한 역할이 있음.
여러 검색엔진은 각 웹 사이트의 내용을 <h>태그를 이용하여 키워드를 수집하고 내용을 파악함.
따라서 HTML 문서에 포함되는 제목은 <h>태그로 작성해야 검색엔진에 의해 제대로 검색될 확률을 높임.
제목에 해당 하는 부분은 <big>태그나 <bold>태그를 사용하여 표현하지 않아야 함.
2) <p>
HTML 코드에서 띄어쓰기나 줄 나누기를 여러 번 해도 웹 브라우저를 통해 나타나는 화면에는 영향을 못줌.
(여러 번 띄어쓰기나 줄 나누기를 오직 하나의 띄어쓰기나 줄로만 인식함.)
<br>태그(break line)를 사용하면 새로운 단락을 만들지 않고 줄을 나눌 수 있음. (<br>은 종료 태그가 없음)
HTML 코드에서 작성한 텍스트 서식을 그대로 표현하려면 <pre> 태그를 사용해야 함.
수평 가로 구분선은 HTML 코드에서 <hr>태그(horizontal rule)로 간단하게 만들 수 있음.
3) 강조효과
HTML 문서에서 텍스트를 굵게 표현하고 싶을 때는 <b>태그(bold text)나 <strong> 태그를 사용하면 됨.
<b> 태그는 단순히 화면의 텍스트를 굵게 표현해줌.
<strong> 태그는 텍스트를 굵게 표현해줄 뿐만 아니라 그 내용이 중요하다는 의미도 함께 포함해 줌.
HTML 문서에서 이탤릭체를 표현하고 싶을 때에는 <i> 태그(italic text)나 <em> 태그(emphasized text)를 사용함.
<i> 태그는 단순히 화면의 텍스트를 이탤릭체로 표현함.
하지만 <em> 태그는 텍스트를 이탤릭체로 변환해줄 뿐 아니라 내용이 중요하다는 의미도 포함함.
검색엔진은 <strong> 태그나 <em> 태그를 사용하여 강조된 텍스트를 더 중요하게 인식함.
4) 하이라이팅 효과
<mark> 태그는 텍스트에 하이라이팅 효과를 적용시켜 줌.
5) 삭제 효과
<del> 태그(delete)는 텍스트 중앙에 가로줄을 만들어 마치 텍스트를 지운 것과 같은 효과를 내줌.
6) 삽입 효과
<ins> 태그(insert)는 텍스트 밑에 가로줄을 만들어 마치 빈칸에 텍스트를 삽입한 것과 같은 효과를 내줌.
7) 위첨자와 아래첨자 효과
위첨자 <sup> 태그(superscript)를 사용하며 아래첨자는 <sub> 태그(subscript)를 사용하여 각각 표현할 수 있음.
8) 짧은 인용구
<q> 태그(quotation)을 사용하여 표현할 수 있으며, 자동으로 앞뒤에 큰따옴표가 붙음.
9) 블록 인용구
길이가 긴 인용문은 <blockquote> 태그(block quatation)를 사용하여 표현할 수 있음.
<blockquote> 태그는 인용 부분을 별도의 단락으로 구분하여 나타냄.
10) 축약형 표현
HTML에서 용어의 축약형을 표현하기 위해서는 <abbr> 태그(abbreviation)를 사용함.
<abbr> 태그 위에 마우스를 위치시키면 title 속성에 명시한 용어의 원형이 나타남.
11) 주소 표현
<address> 태그를 사용하면 HTML에서 주소를 표현할 수 있음.
이러한 주소는 이탤릭체로 표현되며, 위아래로 약간의 공백이 자동으로 삽입됨.
12) 주석(Comment)
<!-- 주석내용 --> 을 통해 주석처리할 수 있음.
13) 엔티티(Entity)
HTML에는 미리 예약된 문자가 있으며, 이러한 문자를 HTML 예약어라고 부름.
이러한 HTML 예약어를 HTML 코드에서 사용하면 웹 브라우저는 그것을 평소와는 다른 의미로 해석함.
따라서 HTML 예약어를 기존에 사용하던 의미 그대로 사용하기 위해 별도로 만든 문자셋을 엔티티(Entity)라고 함.
엔티티 형태는 다음과 같음.
&엔티티이름; or &#엔티티숫자;
| 엔티티 문자 | 엔티티 이름 | 16진수 엔티티 숫자 | 설명 |
| |   | 줄 바꿈 없는 공백 | |
| < | < | < | 보다 작은 |
| > | > | > | 보다 큰 |
| & | & | & | AND 기호 |
| " | " | " | 큰따옴표 |
| ' | ' | ' | 작은따옴표 |
14) 문자셋(Character set)
웹 브라우저가 HTML 문서를 정확하게 나타내기 위해서는 해당 문서가 어떠한 문자셋으로 저장되었는지를 알아야 함.
따라서 HTML 문서가 저장될 때 사용된 문자셋에 대한 정보를 <head> 태그 내의 <meta> 태그에 명시함.
HTML4에서 UTF-8의 경우 : <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
HTML5에서 UTF-8의 경우 : <meta charset="UTF-8">
문자셋의 종류로는
1. ASCII : 가장 처음 만들어진 문자셋으로 인터넷에서 사용할 수 있는 127개의 영문자와 숫자로 이루어져 있음.
2. ANSI : 윈도우즈에서 만든 문자셋으로 총 256개 문자 코드를 지원함.
3. ISO-8859-1 : 256개 문자 코드를 지원하는 HTML4의 기본 문자셋임.
4. UTF-8 : 세상에 있는 거의 모든 문자를 표현할 수 있는 유니코드 문자를 지원하는 HTML5의 기본 문자셋.