HTML 텍스트 관련 태그

                  ┌ 글자와 같은 성격을 가진 글자태그

블럭형태 <-> 인라인형태

ㄴ 박스처럼 작성한 순서대로 위에서 아래로 쌓이는 형태

*주석 = <!--타이핑-->

(대충 블록은 위에서 아래로 쌓인다하면 인라인은 글자랑 나란히~ 된다 생각하면 될듯?)

 

태그 = 부모태그 = 감싸는 태그

            자식태그 = 안에 있는 태그

@블록형태 글자태그

1. 제목태그

h1-h6 = 타이틀에 사용,볼드체, 숫자가 커질수록 사이즈가 줄어듦

<p> = 단락 -> 본문에서 단락을 구분하거나 나타낼 때 사용 주로 글자를 담아서 표현 </p>로 닫았을 떄 구분됨

<br/> = 줄바꿈(엔터키)

<hr> : 수평줄을 나타내는 태그, 입체적 = ---------------------------------------- <- <hr> </hr>

<blockquote> : 긴 인용문을 나타낼 때 사용하는 태그, 들여쓰기됨

<pre> : 공백이나 줄바꿈 등이 그대로 표현되어지는 태그 <- 권하지 않음

@인라인형태 글자태그

<strong> = 굵은 글자 => 경고,중요한 내용 강조

<b> = 글자 굵게 표현

<em>, <i> = 글자가 비스듬히, 이텔릭체..?라고 함

<q> = 인용할 문구를 표현, 따옴표가 나타나며 글자와 같이 나열됨 = 짧은 인용문을 표현할 때 사용

*긴거는 위에 blockquote

<mark> = 형관펜효과

<span> = 글자를 꾸밀 때 사용, 주로 스타일의 선태갖와 함께 사용

<ruby> = 주석 : 동아시아 국가들 주석(발음)을 표기할 때 사용

*사용예시

<ruby>

korean<rp>(</rp><rt>한국</rt><rp>)</rp>

</ruby>

<del> = 중간줄,취소선

<ins> = 밑줄

<sup> = 위첨자

<sub> = 아래첨자

*특수문자 표현

entity = html에서 예약된 문자 : 16진수의 엔티티 숫자

< = &lt; = &#60;

> = &gt; = &#62;

공백 = &nbsp; = &#160;