나만의 코딩 일지
[HTML/CSS] 글자를 꾸며주는 태그들 본문
글자를 꾸며주는 태그들
볼드체 표현
- 경고, 주의사항과 같이 중요한 내용물을 강조할 때 보통 사용
- 글자를 굵게 사용하고 싶을 때
<!-- 사용 방법-->
<strong>글자 내용</strong>
or
<b>글자 내용</b><body>
경고, 주의사항과 같이 중요한 내용물을 강조할 때<br/>
<strong>경고, 주의사항과 같이 중요한 내용물을 강조할 때</strong><br/>
글자를 굵게 표현하고 싶을 때!<br/>
<b>글자를 굵게 표현하고 싶을 때!</b>
</body>
이탤릭체 표현
- 주위 텍스트에 비해서 강조된 부분이나 저자의 생각을 강조할 때
- 이탤릭체로 표현하고 싶을 때
<!-- 사용 방법-->
<em>글자 내용</em>
or
<i>글자 내용</i><body>
주위 텍스트에 비해서 강조된 부분이나 저자의 생각~강조!<br/>
<em>주위 텍스트에 비해서 강조된 부분이나 저자의 생각~강조!</em><br/>
이탤릭체를 표현하고 싶을 때!<br/>
<i>이탤릭체를 표현하고 싶을 때!</i>
</body>
인용 표현
- 인용할 문구를 표현
- 따옴표가 같이 나타난다
- 글자와 같이 나열되며 짧은 부분의 인용을 표현할 때 사용**(blockquote 태그는 긴 인용을 표현할 때 사용!)**
<!--사용 방법-->
<q>글자 내용</q><body>
인용할 문구를 표현, 따옴표가 나타남! 글자와 같이 나열되며 짧은 부분의 인용을 표현할 때 사용!</br/>
<q>인용할 문구를 표현, 따옴표가 나타남! 글자와 같이 나열되며 짧은 부분의 인용을 표현할 때 사용!</q>
</body>
형광펜 효과
- 중요한 부분을 강조할 때 사용
- 형광펜으로 줄을 그은 것처럼 노란 배경색이 나타난다.
<!-->사용 방법<-->
<mark>글자 내용</mark><body>
중요한 부분을 강조할 때 사용 >> 형광펜으로 줄을 그은 것처럼 노란 배경색이 나타남!<br/>
<mark>중요한 부분을 강조할 때 사용 >> 형광펜으로 줄을 그은 것처럼 노란 배경색이 나타남!</mark>
</body>
동아시아 글자 표현
- 동아시아 국가들 주석(발음) 내용을 표기하기 위해 사용
<!--사용 방법-->
<ruby> 글자<rp>(</rp><rt>주석(발음) 글자</rt><rp>)</rp><body>
<ruby>
韓國<rp>(</rp><rt>한국</rt><rp>)</rp>
</ruby>
</body>
취소선, 중간선
- 문서에서 삭제된 텍스트나 지워야 할 부분을 강조할 때 사용
<!--사용 방법-->
<del>글자 내용</del><body>
문서에서 삭제된 텍스트나 지워야 할 부분 강조<br/>
<del>문서에서 삭제된 텍스트나 지워야 할 부분 강조</del>
</body>
밑줄
- 문서에서 나타난 텍스트에 강조하거나 밑줄 표현 시 사용
<!--사용 방법-->
<ins>글자 내용</ins><body>
문서에 나타난 텍스트에 강조하거나 밑줄 표현 시 사용!<br/>
<ins>문서에 나타난 텍스트에 강조하거나 밑줄 표현 시 사용!</ins>
</body>
위 첨자, 아래 첨자
<!--사용 방법-->
1. 위 첨자 : <sup>글자 내용</sup>
2. 아래 첨자 : <sub>글자 내용</sub><body>
글자의 위로 붙는 <sup>위 첨자</sup><br/>
글자의 아래로 붙는 <sub>아래 첨자</sub>
</body>
'HTML' 카테고리의 다른 글
| [HTML/CSS] 기본 구조 (0) | 2022.06.25 |
|---|---|
| [HTML/CSS] img 태그와 a 태그 (0) | 2022.06.25 |
| [HTML/CSS] 기초 태그 사용법 (0) | 2022.06.25 |
| [HTML/CSS] flex속성 (0) | 2022.06.25 |
| [HTML/CSS] 폼 관련 태그들 (0) | 2022.06.25 |
'HTML' Related Articles
more
