Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
Tags
- 클론코딩
- 0.25px border
- 1px border
- angular
- literal
- 전역변수
- entity
- npm
- TypeScript
- jwt
- font-size
- 타입스크립트
- 컴포넌튼
- 문서번호
- es6
- 데이터베이스 #try #이중
- 0.5px border
- 10px
- &연산
- Websocket
- 당근마켓
- Props
- 0.75px border
- Strict
- ZOOM
- 으
- 서버리스 #
- TS
- github
- ES5
Archives
- Today
- Total
복잡한뇌구조마냥
[HTML] HTML 공부 ( sub, sup 태그 ) 본문
모니터링 페이지 개발에서 SpO₂같은 문자를 매번 특수문자를 찾아가면서 사용하는게 불편했다.
HTML에서 윗첨자와 아랫첨자를 표기하기에 유용한 태그가 있어서 특수문자 대신에 사용하도록 변경했다.
`<sub>`: 텍스트를 **기준선 아래**로 표시할 때 사용 (ex. 화학식, 수학식 하단 첨자)
`<sup>`: 텍스트를 **기준선 위**로 표시할 때 사용 (ex. 지수, 각주 번호)
예시 코드
<p>물 분자 공식은 H<sub>2</sub>O입니다.</p>
<p>5<sup>2</sup> = 25</p>
<p>참고 자료<sup>1</sup>를 확인하세요.</p>
참조 블로그:
https://improver.tistory.com/45
[문돌이의IT]HTML 문서로 제곱을 나타내는 방법: <sub> <sup>태그 활용
HTML로 숫자의 제곱을 표현해보자. 한글이나 워드를 쓰면서도 고민하게 되는 부분이다. 태그를 이용하면 HTML에서는 간단하다. 비슷한 유형의 태그로는 태그가 있는데 이 녀석은 태그 안의 내용을
improver.tistory.com
LIST
'FE > HTML' 카테고리의 다른 글
[HTML] HTML 메타 태그(meta tag) 종류 및 사용법 정리 (0) | 2024.11.07 |
---|---|
[HTML] 번역 방지 설정 – 크롬 자동 번역 막기 (0) | 2023.11.14 |
[HTML] HTML 공부 (HTML 템플릿 자동완성 기능 - Emmet) (0) | 2023.06.02 |
HTML 공부 (HTML Character Entity) (0) | 2023.04.07 |