본문 바로가기

개발/Front-end

[HTML] 글자크기, 글자색,글씨체 (<font> 태그와 <span> 태그)

반응형

안녕하세요.
오늘은 기본적이지만 가끔 헷갈릴 때가 있는 <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