5. 텍스트 작성하기

1. hn 태그

- 제목이나 주제를 나타내는 텍스트를 표현할 때 사용

<h1>파나이노!!</h2>
<h2>파나이노!!</h2>
<h3>파나이노!!</h3>
<h4>파나이노!!</h4>
<h5>파나이노!!</h5>
<h6>파나이노!!</h6>

-숫자가 작을수록 글씨가 크고 굵고 클수로 작고 가늘다.

-hn 태그로 작성된 텍스트는 검색 엔진에서 키워드로 인식한다

※ 검색 엔진 최적화(=SEO, Search Engine Optimization  : 검색 엔진 상위에 랭크될 수 있게 마크업을 작성하는 것) 에 중요

-이를 위해서 다음 윈칙을 지키자.

1. h1부터 순차적으로 사용한다.

2. 중간에 있는 hn을 누락하지 않는다.

2. p 태그

- 본문의 문단(paragraph)을 작성할 때 사용

<!--형식-->
<p>내용</p>

<!--예제-->
<p>카캇!!</p>

-제목이나 주제가 아니면 보통은 본문이므로 자주 사용함

3. br 태그

-줄바꿈 할 때 사용함

<br>

4. blockquote 태그

-출처에서 인용한 문단 단위 텍스트를 작성할 때 사용

<blckquote cite="출처 URL">문단 단위 인용문</blockquote>

 

<blockquote cite="https://namu.wiki/w/오시노%20시노부">
	<p>참고로 화해 이후 코요미를 부를 때 '오마에사마(お前様)' 또는 '내 주인님(我が主様)'이라고 부른다. 
    	우선 전자는 서로가 주인이자 종복이라는 기묘한 관계로 인해, 상대를 낮춰 부르는 '오마에'와 주인이라는 의미로 높여 부르는 '사마'를 붙여서 부르는 모양이다.
        근데 막상 한국어로 번역하려고 보니 너님이라는 신조어 같은 말이 돼버려 정발본에선 그냥 '너'라고 번역했다. 
        참고로 후자의 경우는 그냥 말 그대로 코요미를 주인이라고 지칭하는 말. 평소 둘이 있을땐 사용하는 빈도가 그렇게 많지는 않고, 제 3자에게 코요미를 지칭할때 가끔 사용.
        </p>
</blockquote>

※ blockquote 태그는 반드시 한개 이상의 p 태그를 포함해야함

5. q 태그

-문단 안에 텍스트 단위의 짧은 인용문을 작성할 때 사용

-q태그를 사용하면 큰따음표로 묶인다.

<!--형식-->
<q cite="출처 URL">짧은 인용문</q>

<!--예제 코드-->
<p>하네카와의 왜 친구를 사귀지 않냐는 말에 나는 이렇게 답했다. 
	<q cite="https://namu.wiki/w/아라라기%20코요미"> 친구를 만들면 인간의 강도가 떨어지니까.
    </q></p>

6. ins와 del 태그

-ins 태그: 새로 추가된 텍스트임을 나태낼 때 사용함, 밑줄이 생김

-del 태그: 기존에 있던 텍스트가 삭제된 텍스트임을 나타냄, 취소선이 생김

<p>저기...OO쿤 이거 발렌타이데이 <ins>선물</ins>이야...</p>
<del>꺅 나 지금 뭐라고 하는 거야!!</del>

 

7. sub와 sup 태그

-sub 태그 : 아래첨자에 해당하는 텍스트를 작성할 때 사용

-sup 태그 : 위 첨자에 해당하는 텍스트를 작성할 때 사용

<p>공기의 원소 기호는 H<sub>2</sub>O이다.</p>
<p>4<sup>2</sup>은 16이다.</p>