반응형
안녕하세요.
오늘은 기본적이지만 가끔 헷갈릴 때가 있는 <font> 태그와 <span> 태그를 비교하면서 글씨와 관련된 것들을 알아보려고 합니다.
간단하지만 자주 쓰지 않으면 저는 헷갈리더라고요.
그래서 정리해봤습니다.
▷ 글자크기 설정
<font> 태그
<font size="2em">font 태그의 글자크기 설정방법</font>
<span> 태그
<span style="font-size : 10pt;">span 태그의 글자크기 설정방법1</span>
<sapn style="font-size : large;">span 태그의 글자크기 설정방법2</span>
▷ 글자색깔 설정
<font> 태그
<font color="#FFFFFF">font 태그의 글자색깔 설정방법</font>
<span> 태그
<span style="color : #FFFFFF; background-color : #000000;">span 태그의 글자색깔 설정방법</span>
▷ 글씨체 설정
<font> 태그
<font face="돋움">font 태그의 글씨체 설정방법</font>
<span> 태그
<span style="font-family : arial;">span 태그의 글씨체 설정방법</span>
반응형
'개발 > Front-end' 카테고리의 다른 글
[CSS] display:table (0) | 2021.10.23 |
---|---|
[HTML] alt 속성 줄바꿈 (0) | 2021.10.20 |