html (4) q , mark, ruby, rp, rt, ins, del, sup, sub, 엔티티

1. q 태그

코드

<q>
    q 태그 >> inline 형태로 짧은 인용문을 작성할 때 사용, 자동 큰따옴표 처리
</q>

결과

q 태그 >> inline 형태로 짧은 인용문을 작성할 때 사용, 자동 큰따옴표 처리

2. mark 태그

형광펜 효과

코드

<mark>mark 태그 >> 중요한 부분을 강조, 형광펜으로 줄을 그은 것 처럼 노란 배경색이 나타남.</mark>

결과
mark 태그 >> 중요한 부분을 강조, 형광펜으로 줄을 그은 것 처럼 노란 배경색이 나타남.

3. ruby, rp, rt 태그

동아시아 글자 표현 주석

코드

<ruby>
    韓國
    <!-- ruby 태그 >>> 발음이나 설명이 필요한 한개 이상의 문자로 구성,
    선언 태그 -->
    <rp>(</rp>
    <rt>한국</rt>
    <!-- rt 태그 >> 한국 글자가 한자 위에 올라감,
    이 부분이 주석 -->
    <rp>)</rp>
    <!-- rp 태그 >> ruby 태그를 지원할 경우 출력되지 않는 태그로 rp 내용은 무시된다.
    ruby를 지원하지 않는 브라우저에서는 나열해서 "韓國(한국)" 출력 -->
</ruby>

결과

4. ins 태그

밑줄

코드

<ins>ins 태그 >> 문서에 나타난 텍스트에 강조하거나 밑줄 표현 </ins>

결과
ins 태그 >> 문서에 나타난 텍스트에 강조하거나 밑줄 표현

5. del 태그

취소선, 중간줄

코드

<del>del 태그 >> 문서에 삭제된 텍스트나 지워야 핦 부분 강조</del>

결과
del 태그 >> 문서에 삭제된 텍스트나 지워야 핦 부분 강조

6. sup, sub 태그

sup : 위첨자
sub : 아래첨자

코드

<p>
    글자의 위로 붙는 <sup>sup 태그 >> 위첨자</sup>
    글자의 아래로 붙는 <sub>sub 태그 >> 아래첨자</sub>
</p>

결과

글자의 위로 붙는 sup 태그 >> 위첨자 글자의 아래로 붙는 sub 태그 >> 아래첨자

7. 엔티티(entity)

특수문자 표현
언어의 충돌 방지를 위해 html에서 규정한 문자열의 코드 규약
(예약어로 지정한 문자셋) / 16진수의 엔터티 숫자
특수문자 좌, 우 표현

코드

(~보다 작은) <  = <
(~보다 큰) > = &#62
(줄바꿈 없는 공백)   =  

결과
(~보다 작은) < = <
(~보다 큰) > = >
(줄바꿈 없는 공백)   =