태그 종류를 알아보자

텍스트를 작성할 때 필요한 태그들을 알아보자.

텍스트 작성하기

1. Hn 태그

   제목이나 주제를 나타내는 텍스트를 표현할 때 사용
   검색엔진에서 키워드로 인식한다.
   -> 검색엔진 최적화를 위해 핵심이 되는 내용으로 제목이나 주제를 잘 선택해서 작성해야함

중요도

H1>>>>>>H6

작성 예시

<H1>안녕하세요</H1>
<H2>안녕하세요</H2>
<H3>안녕하세요</H3>
<H4>안녕하세요</H4>
<H5>안녕하세요</H5>
<H6>안녕하세요</H6>

2. p 태그

   태그 본문의 문단을 작성할 때 사용

작성 예시

<p>안녕하세요</p>

3. br 태그

   코드는 원래 줄바꿈을 인식하지 못하는데, br 태그를 사용하면 줄바꿈 상태로 출력한다.

작성 예시

<p>안녕하세요, <br> 코딩 공부중입니다.</p>

4. blockquote 태그

   출처에서 인용한 문단 단위의 텍스트를 작성할 때 사용
   출처가 확실한 인용문은 cite 속성으로 출처 경로를 명시해야함

작성 예시

<blockquote cite="출처 URL">인용문입니다</blockquote>

5. q 태그

   문단 안에 텍스트 단위의 짧은 인용문을 작성할 때 사용 큰따옴표("") 로 묶임

작성 예시

<q cite="출처 URL">짧은 인용문입니다</q>

6. ins와 del 태그
   ins

   새로 추가된 텍스트임을 나타낼 때 사용
   밑줄 생성

del

기존에 있던 텍스트가 삭제된 텍스트임을 나타낼 때 사용
취소선 생성

7. sub와 sup 태그
   sub

   아래 첨자

sup

위 첨자

그룹 짓기

1. div 태그

   블록요소와 인라인요소를 그룹으로 묶을 때 사용

2. span 태그

   인라인 요소를 그룹으로 묶을 때 사용

목록 만들기

1. ul(unordered) 태그

   순서가 없는 비순서형 목록을 생성할 때 사용
   이때 목록 내용은 (2)li 태그로 구성

목록 내용마다 글머리 기호가 붙는다

2. ol(ordered list) 태그

   순서형 목록을 생성할 때 사용
   이때 목록 내용은 (2)li 태그로 구성

목록 내용마다 번호가 붙는다

3. dl(description) 태그

   정의형 목록(용어와 용어 설명을 나열한 형태)을 생성할 때 사용
   이때 목록 내용은 dt(description term), dd(description details) 태그로 구성