728x90
반응형
SMALL
[프론트엔드][html5] 7. 글자와 같이 나열되는 태그 - inline (1)
볼드체 : 경고, 주의사항과 같이 중요한 내용을 강조할 때 주로 사용한다. : 글자를 굵게 표현하고 싶을 때 사용한다. strong: 경고, 주의사항 b: 글자 굵게 표현 이태릭체 : 주위 텍스트에 비해서
nanee-it.tistory.com
* 위의 포스팅과 이어지는 글 입니다.
취소선, 중간줄
<del> : 문서에서 삭제된 텍스트나 지워야할 부분을 강조할 때 사용한다.
<body>
<del>del: 삭제된 텍스트나 지워야할 부분 강조</del>
</body>
밑줄
<ins> : 문서에 나타난 텍스트에 강조하거나 밑줄 표현 시 사용한다.
<body>
<ins>ins: 밑줄로 텍스트 강조</ins>
</body>
위첨자, 아래첨자
<sup> : 글자 위에 붙는 위첨자를 표현할 때 사용한다.
<sub> : 글자 아래에 붙는 아래첨자를 표현할 때 사용한다.
<body>
글자 위로 붙는 <sup>위첨자</sup><br/>
글자 아래로 붙는 <sub>아래첨자</sub>
</body>
소스코드
<code> : 컴퓨터 인식을 위한 소스 코드를 표현할 때 사용한다.
<body>
<code>System.out.println(code);</code>
</body>
글자 작게 표시
<small> : 기존의 글자 내용을 작게 표시한다.
<body>
<p>기존 글자</p>
<small>small: 기존 글자보다 작게 표시</small>
</body>
<p> 태그와 비교를 해보자면, 아래의 결과물처럼 <small>의 글자가 더 작은 것을 확인할 수 있다.
키보드 입력 표시
<kbd> : 키보드 입력이나 음성 명령을 나타낸다
<body>
<keyboard>alt</keyboard><br/>
<keyboard>f5</keyboard>
</body>
728x90
반응형
LIST
'Front-End > HTML 5' 카테고리의 다른 글
| [프론트엔드][html5] 10. 이미지 태그 <img> (0) | 2021.06.29 |
|---|---|
| [프론트엔드][html5] 9. 특수문자 (0) | 2021.06.29 |
| [프론트엔드][html5] 7. 글자와 같이 나열되는 태그 - inline (1) (0) | 2021.06.29 |
| [프론트엔드][html5] 6. 글자태그 (0) | 2021.06.29 |
| [프론트엔드][html5] 5. html 파일 생성/출력, 주의사항 (0) | 2021.06.28 |
