글자관련태그

    글자에 가볍게 색상입히기
    - 글자에 배경을 주거나 꾸미는 것을 스타일이라는 글자를 사용해서 작성
    - style="넣고싶은 스타일을 작성"

 

    <h2 style="color: blueviolet;">띄어쓰기는 아무리 많이 해도 1칸으로 인식함</h2>
    <h1>띄어쓰기,
        엔터(줄바꿈)를 화면에 표시하는 방법
            &nbsp : non-breaking space 줄바꿈 없는 공백 = space 띄어쓰기
            <br> 태그 : line Break, 줄바꿈 엔터 태그. 엔터 공백 작성하고 싶은 만큼 작성
            <> 태그 안에서 작성을 하지 않거나 제목과 같은 특수한 상황에서 작성

 

<p> : 글을 작성하는 용도의 태그. 문단 (p 태그) 앞 뒤로 공백이 생겨 줄바꿈을 진행해줌

 

<pre> : pre(PREformatted) : 사전 형식 지정 태그
        pre 태그는 내부에 개발자가 작성한 모양 그대로 출력하는 문단
        추후 클라이언트가 작성한 모양도 그대로 출력

 

 

* 글자에 적용되는 기타 태그들

 

    b : 단순히 글자를 굵게 표시하는 강조 태그
    strong : - 글자(문장)를 굵게 강조하는 용도의 태그. 
             - 글자(문장)를 음성으로 나타낼 때 강조해서 읽힘

     i   : 단순히 글자(문장)를 기울여서 표시하는 태그
    em : 문장(글자)을 기울여서 강조하는 용도의 태그
         문장(글자)을 음성으로 나타낼 때 강조해서 읽힘
    
    strong, em : 웹 접근성을 위해 사용되는 태그.
                사회적 약자들이 웹사이트에서 제공하는 서비스를 
                모두 이용할 수 있도록 보장하는 것
                -> 의무 사항임
                ex)스크린 리더

 

위에서부터 b, strong, i, em

 

 

 mark 태그 : 형광펜 효과를 주는 태그

 

u 태그 : 밑줄을 긋는 태그

 

s 태그 : 중요도가 감소되었거나 취소되었음을 표시

 

del 태그 : 글자 가운데 선을 긋는 태그(삭제선)

 

small 태그 : 글자를 작게표시하는 태그, *참조로 많이 씀

 

sup 태그 :  위에 글자를 첨부하는 태그. ex)제곱 표시

 

sub 태그 : 아래에 글자를 첨부하는 태그 ex)로그 단위 표시

 

abbr 태그 : abbreviation 줄임말 태그 표시<br>
                  보통 title을 태그 안에 작성해서 어떤 문장의 줄임말인지 작성

<abbr title="HyperText Markup Language">HTML</abbr>

 

 

이러한 글자 관련 태그들은 중복해서 사용이 가능하다.