하나솔루션
Home > 고객센터 > 자료실

자료실

자료실

폰트색상 크기

  • 하나솔루션
  • 2021-07-09 15:56:54
  • hit175
  • 121.66.28.43
<font> ~ </font>태그로 속성주기
[ 예 ]
<font size="2em" color="green">
이 글자는 font 태그로 속성을 주었다
</font>

[실제 적용한 모습]
이 글자는 font 태그로 속성을 주었다

위에서 <font>태그를 설정한 내용과 실제 적용된 모습이 다르다.
이렇게 된 이유는, 구글블로그는 페이지 첫머리에 <!DOCTYPE HTML>로 선언하여  HTML5가 적용되기 때문이고, 위의 예에서 준 <font> 태그를 강제로 스타일 속성으로 바꾸어 적용하기 때문이다.
<span style="color: green;">
이 글자는 태그로 속성을 주었다
</span>


스타일(style)로 속성주기

스타일(style)은 <div> <p> <span> 등과 같이 여러 태그에서 쓸 수 있다. (각 태그에 대한 자세한 설명은 링크페이지를 참조)
<div style=" ~~ "> </div>
<p style=" ~~ "> </p>
<span style=" ~~ "> </span>

[예]
<span style = " font-size:1.5em;  color: green;">
이 글자는 Span에 스타일(style)로 속성을 주었다
</span>

[실제 적용한 모습]
이 글자는 Span에 스타일(style)로 속성을 주었다


 
스타일(style)로 폰트 속성을 줄 때, 한꺼번에 줄 수도 있고, 항목을 각각 지정하여 줄 수도 있다.

스타일에서 폰트 속성을 한번에 주기

[한꺼번에 폰트 속성을 주는 예]
<span style=" font: italic bold 1.5em/1em Georgia, serif ;">
여기는 폰트 속성을 한꺼번에 주었다
</span>

[실제 적용한 모습]
여기는 폰트 속성을 한꺼번에 주었다

ㅇ font: 다음의 각 항목 순서는
폰트스타일(font-style) 폰트웨이트(font-weight) 폰트사이즈(font-size)/줄간격(font-height) 글꼴(font-family) 이다.

ㅇ 폰트스타일과 폰트웨이트는 순서가 바뀌어도 이상없이 잘 보여진다.
ㅇ 색상은 스타일 안에 별도로 지정하여 속성을 주어야 한다. 

[한꺼번에 폰트 속성을 주고 색상을 지정한 예]
<span style=" font: italic bold 1.5em/1em Georgia, serif ; color: green;">
여기는 폰트 속성을 한꺼번에 주고 색상을 녹색으로 주었다
</span>

[실제 적용한 모습]
여기는 폰트 속성을 한꺼번에 주고 색상을 녹색으로 주었다


[색상을 지정하는 방법]
파랑(blue), 빨강(red) 등과 같이 HTML에서 지정할 수 있는 이름은 기본색상 17개를 포함하여 모두 140가지가 있다.
어떤 브라우저에서든 문제없이 정확하게 표현할 수 있는 웹안전색상(Web safe colors) 또는 웹표준색상(Web standard color)은 216가지가 있다.

예) 녹색을 윗쪽은 이름인 'green'으로 지정하고, 아래쪽은 Hex코드인 #008000 으로 지정함
<div style="color: green;">
이곳은 DIV 영역이며, 글자색을 green(녹색)으로 지정함
</div>
 
<div style="color: #008000;">
이곳은 DIV영역이며, 글자색을 Hex코드 #008800(녹색)으로 지정함
</div>

[HTML에서 이름으로 색상을 지정할 수 있는 기본 색상 17가지]
aqua #00FFFF   olive #808000  
black #000000   orange #FFA500  
blue #0000FF   purple #800080  
fuchsia #FF00FF   red #FF0000  
gray #808080   silver #C0C0C0  
green #008000   teal #008080  
lime #00FF00   white #FFFFFF  
maroon #800000   yellow #FFFF00  
navy #000080        
게시글 공유 URL복사
댓글[0]

열기 닫기

CUSTOMER CENTER

010-2343-0702

월-금 am 9:30 - pm 06:00
점심시간 : am 12:00 - pm 01:00
토ㆍ일 / 공휴일 휴무

무통장 입금계좌 안내

661-910388-38207

네임서버안내

1차 ns1.webit.kr
211.215.17.210
2차 ns2.webit.kr
211.215.17.212