$$config title: HTML 글자 꾸밈태그 / 특수문자 keywords: - IT - HTML $$ # b/ strong 태그 ```js ``` ## 태그정리 - 태그는 글자를 굵게 표시하는 태그로, bold의 약자이다. - strong 태그도 같은 기능을 하며 최신 표준은 b 태그 보다는 strong 태그를 더 많이 사용한다고 함 - CSS에서 font-weight을 bold으로 설정하는 것과 같은 효과가 나타남 ### 태그 브라우저 출력결과 ![이미지 예시](https://i.imgur.com/WFnMMd9.jpg) # i태그 ```js ``` ## i 태그정리 - 태그는 글자를 기울여서 표시하는 태그로, italic의 약자이다. - CSS에서 font-style을 italic으로 설정하는 것과 같은 효과를 보여준다. ### i 태그 브라우저 출력결과 ![이미지 예시](https://i.imgur.com/8w07YPo.png) # mark태그 ```js ``` ## mark 태그정리 - 형광펜으로 칠한 것처럼 하이라이트된(highlighted) 텍스트를 정의할 때 사용된다. ### mark태그 브라우저 출력결과 ![이미지 예시](https://i.imgur.com/DrX2ZVo.png) # ins, del 태그 ```js ``` ## ins, del 태그정리 - ins : 텍스트 아래쪽에 라인(line)을 추가하여 문서에 추가된 텍스트를 표현할 때 사용한다. - del : 텍스트 한가운데 라인을 추가하여 문서에서 삭제된 텍스트를 표현할 때 사용한다. ### ins, del 태그 브라우저 출력결과 ![이미지 예시](https://i.imgur.com/tizY6iB.png) # sub, sup태그 ```js ``` ## sub, sup 태그정리 - sub : 활자 배치를 아래 첨자로 해야 하는 인라인 텍스트를 지정하여 아래첨자를 넣고 싶을 때 사용합니다. - subscript를 의미한다.(아래첨자) - sup : 활자 배치를 위에 첨자로 해야 하는 인라인 텍스트를 지정하여 윗첨자를 넣고 싶을 때 사용합니다. - super subscript를 의미(윗첨자) ### 태그 브라우저 출력결과 ![이미지 예시](https://i.imgur.com/gM1jhLd.png) # 특수문자 ```js &it 안녕하세요 > : <안녕하세요> ``` ## 특수문자 정리 - <>등 특수 문자를 사용하기 위해서는 코드를 사용한다 - &으로 시작한다. ### 특수 문자 이미지 ![이미지 예시](https://i.imgur.com/tw33mKU.jpg) -[출처](http://kor.pe.kr/util/4/charmap2.htm)