글
글자색바꾸기, <BODY TEXT>, <FONT COLOR>
HTML
2011. 7. 12. 19:05
안녕하세요?
저번시간에는 배경색을 바꾸는 body속성에 대해서 배웠습니다.
오늘은 문서내의 글자색깔을 바꾸는 속성에 대해서 알아보겠습니다. 속성은 TEXT="#RGB" 입니다. 배경색하고 비슷하지요? 배경색은 BGCOLOR였고 글자색은 글자라는 뜻의 TEXT입니다. 이렇게 영어뜻을 외우고 계시면 되겠지요?
그럼 실습을 해봅시다. 문서내의 글자를 다 파란색으로 만들고 싶다면 파란색은 RGB에서 B니깐 RG는 0을주고 B는 F의 값을 주면 되겠지요? 무슨말이냐면 TEXT="#0000FF" 이렇게 주면 파란색이 된다는 말입니다. 그럼 실제로 예제를 한번 만들어봅시다.
<html>
<head><title>글자색</title>
</head>
<body text="#0000ff">
글자가 다 파란색입니다~~ 바다,하늘색!! <br>
</body>
</html>
이렇게 하면 됩니다. body태그에 text속성을 파란색으로 준거 보이시죠? 이제부터는 본문에 나오는 글자는 다 파란색이다 하는 얘깁니다.
결과를 볼까요?
글자가 파란색으로 나오죠?
그럼 여기서 질문 하나!
body태그내에 text칼라를 지정하면 문서전체가 다 그 색깔이 되니깐 다른 색깔로 글자를 쓰고 싶을때는 어떻하나요?
그럴땐 저번에 배운 <font>태그 있지요? 그걸 사용하면 됩니다. 어떻게요? <font color="#ff0000">이런식으로 하면 그 부분의 글자만 빨간색으로 표시됩니다. 직접해볼까요?
<html>
<head><title>글자색</title>
</head>
<body text="#0000ff">
글자가 다 파란색입니다~~ 바다,하늘색!! <br>
<font color="#ff0000"> 이건 빨간색</font>
</body>
</html>
중간에 <font>태그 보이시죠? 그럼 결과는 어떨까요?
이렇게 빨간색으로 나옵니다.
오늘은 이렇게 글자색을 변경시키는 것을 배워봤습니다. 다음시간에 또 만나요~
저번시간에는 배경색을 바꾸는 body속성에 대해서 배웠습니다.
오늘은 문서내의 글자색깔을 바꾸는 속성에 대해서 알아보겠습니다. 속성은 TEXT="#RGB" 입니다. 배경색하고 비슷하지요? 배경색은 BGCOLOR였고 글자색은 글자라는 뜻의 TEXT입니다. 이렇게 영어뜻을 외우고 계시면 되겠지요?
그럼 실습을 해봅시다. 문서내의 글자를 다 파란색으로 만들고 싶다면 파란색은 RGB에서 B니깐 RG는 0을주고 B는 F의 값을 주면 되겠지요? 무슨말이냐면 TEXT="#0000FF" 이렇게 주면 파란색이 된다는 말입니다. 그럼 실제로 예제를 한번 만들어봅시다.
<html>
<head><title>글자색</title>
</head>
<body text="#0000ff">
글자가 다 파란색입니다~~ 바다,하늘색!! <br>
</body>
</html>
이렇게 하면 됩니다. body태그에 text속성을 파란색으로 준거 보이시죠? 이제부터는 본문에 나오는 글자는 다 파란색이다 하는 얘깁니다.
결과를 볼까요?
글자가 파란색으로 나오죠?
그럼 여기서 질문 하나!
body태그내에 text칼라를 지정하면 문서전체가 다 그 색깔이 되니깐 다른 색깔로 글자를 쓰고 싶을때는 어떻하나요?
그럴땐 저번에 배운 <font>태그 있지요? 그걸 사용하면 됩니다. 어떻게요? <font color="#ff0000">이런식으로 하면 그 부분의 글자만 빨간색으로 표시됩니다. 직접해볼까요?
<html>
<head><title>글자색</title>
</head>
<body text="#0000ff">
글자가 다 파란색입니다~~ 바다,하늘색!! <br>
<font color="#ff0000"> 이건 빨간색</font>
</body>
</html>
중간에 <font>태그 보이시죠? 그럼 결과는 어떨까요?
이렇게 빨간색으로 나옵니다.
오늘은 이렇게 글자색을 변경시키는 것을 배워봤습니다. 다음시간에 또 만나요~
'HTML' 카테고리의 다른 글
| Rowspan, Colspan (0) | 2011.07.17 |
|---|---|
| 표만들기 기초 (0) | 2011.07.14 |
| 페이지 배경색을 내맘대로 (0) | 2011.07.10 |
| IMG 태그, 링크, 경계선 (0) | 2011.07.08 |
| img태그1 (0) | 2011.07.06 |
