주간 베스트 월간 베스트 3개월 베스트 베스트 게시물
연길시 신화서점 조선말 도서

html 제 4 강 폰트 설정~

노아 | 2002.02.07 14:34:22 댓글: 12 조회: 2484 추천: 10
분류웹 프로그래밍 https://life.moyiza.kr/itstudy/1758781
요사이 나름대로 프로그램 제작해 보느라 정신없었습니다.
강좌도 늦어지구 모이자 접속도 뜸해지구...
애고고 부운영자가 이래서는 않되는데..^^

그나마 허접한 제 강좌를 지켜봐주지는 분들께
고맙다는 인사 드리고 싶습니다.~ ^^*

이번강에는 폰트에 대해서 말씀드리겠습니다.
폰트가 무엇일까요?
폰트 = font  이래서 폰트라구  한답니다. --,.--
영어를 발음대로 조선말로 적어본겁니다...

조선말로 말하면  글자 가 되겠죠..
네~ 이번시간에는 바로 홈페이지를 만들때 글자를
어떻게 다루냐에 대해서  주절주절~~

홈페이지에 나타날 글자들을 크게 또는 작게해주는 태그들이 있습니다.
<H> 라는 태그와 <font> 라는 태그로 폰트의 크기를 조절할수 있습니다.
허지만 <font> 요거로면 폰트의 크기도 색상도 모양도 조절할수 있기에
모두 <font> 요걸씁니다. 그래도 <H> 요건 어떤물건인고
알아 봅시다.
아래 소스들 보십시요~


<html>
<head>
<title>글자크기조절연습 H 로</title>
</head>
<body>
<H1>글이 크냐?</H1>
<H2>글이 크냐?</H2>
<H3>글이 크냐?</H3>
<H4>글이 크냐?</H4>
<H5>글이 크냐?</H5>
<H6>글이 크냐?</H6>
</body>
</html>

자세히 살펴보셨으면 이제다시 요기를클릭해보세요.
<H1> 로 시작했으면 </H1> 로 닫아주면서
그 중간에 글자들을 써넣었습니다. 그러니 크기가 변했죠..~^^
h 태그의 특점하나라면 br 태그없이두 글이 절루 한줄씩 띄워 준다는거죠..
간단한 거니깡 <font> 소개 로 넘어가겠습니다.

<font>  태그로는 글자의 크기,모양,색상..등을 설정할수 있다고 했습니다.
크기설정은 size 로 합니다. (요기서 부터는 br 이거나 p를 적어줘야 한줄씩 건너띔니다~)
예제를 보면...

<html>
<head>
<title>글자크기조절연습 font 로</title>
</head>
<body>          
<font size=1>글이 크냐?</font><br>
<font size=2>글이 크냐?</font><br>
<font size=3>글이 크냐?</font><br>
<font size=4>글이 크냐?</font><br>
<font size=5>글이 크냐?</font><br>
<font size=6>글이 크냐?</font><br>
</body>
</html>


효과를 보시려면 클릭 !
보다싶이 글자크기 설정은
font size= 로 하시고 뒤에 숫자를 고쳐주시면 됩니다.
설정을 하지 않았을경우 글자는 font size=3 으로 되여있습니다.

글자모양 설정은 face 로 합니다.

역쉬 예제 푸뜩 보시죠~

<html>
<head>
<title>글자모양바꾸기연습</title>
</head>
<body>
<font face=굴림>이것은 굴림체</font><p>
<font face=바탕>이것은 바탕체</font><p>
<font face=돋움>이것은 돋움체</font><p>
</body>
</html>


두말 말고 클릭 !
위처럼 설정해주시면 글씨체가 바뀌여 보여질수도
않보여질수도 있습니다. 왜서?!

님들의 컴퓨터에 상응한 폰트가 있어야 보여집니다.
아까 폰트는 조선말로 글자라 하였습니다.
그럼 그 글자체들이 우리 컴퓨터 어느곳에 숨어있을까요?

따라해 봅시다.

내 컴퓨터(我的电脑) -- C(盘 디스크) -- windows(文件夹 폴터)win2000은 winnt 폴터
그 안에 들어가보면 뭐가 다닥다닥한데 그곳에서 Fonts 폴터를
찾아보세요~ 그속에 글자체들이 숨겨져 있었습니다.

face=휴먼엽서체 로 되였는데 Fonts 폴터속에 그런폰트가 없다면
글이 휴먼엽서체로 나타나지 않겠죠..~
모이자 - 자료실 -폰트모음 에가보시면 이쁜 폰트들 많은데요
그걸 다운받아서  이곳 Fonts 에 복사해 넣으면 우리컴에서도
이쁜 글자를 편집할수 있는 겁니다.

이제 마지막 글자색상 설정은 color 로 합니다.

<html>
<head>
<title>글자색상바꾸기연습</title>
</head>
<body>
<font color=#336699>안녕하세요 모이자 초보 html 강좌 입니다.</font><p>
<font color=#FF0000>안녕하세요 모이자 초보 html 강좌 입니다.</font><p>
<font color=#000084>안녕하세요 모이자 초보 html 강좌 입니다.</font><p>
</body>
</html>


보기

전에 body 강의때 배경색상에 대해 말씀드렸죠.
bgcolor=#000000 요렇게 말입니다.
같은 도리로 글자색상을 적용해 준겁니다.
그리고 색상은 전에 말씀드렸던 htmlcolor 이란 프로그램을
사용하시구요..모이자 자료실에 올렸습니다..~ ^^

자~ 이제 글자 크기,모양,색상 을 함께 사용해 보면..

<html>
<head>
<title>글자속성통털어연습</title>
</head>
<body>
<font color=#336699 size=4 face=굴림 >안녕하세요 모이자 초보 html 강좌 입니다.</font><br>
<font color=#FF0000 size=2 face=바탕 >안녕하세요 모이자 초보 html 강좌 입니다.</font><br>
<font color=#000084 size=6 face=돋움 >안녕하세요 모이자 초보 html 강좌 입니다.</font><br>
</body>
</html>


예제보기

이렇게 여러모로 사용될수 있습니다.~ ^^
연습 마니 해보시구여..

담번에 뵈여~ ^^


* 전설님에 의해서 게시물 이동되었습니다 (2004-05-30 17:07)
* 이동한 이유 :
* 원래의 위치 : 웹 공부 >> 웹 프로그래밍
* 이동후 위치 : 웹 공부 >>

* 전설님에 의해서 게시물 이동되었습니다 (2004-05-30 17:12)
* 이동한 이유 :
* 원래의 위치 : 웹 공부 >>
* 이동후 위치 : 웹 공부 >> 웹 프로그래밍
추천 (10) 선물 (0명)
IP: ♡.27.♡.99
노아 (♡.27.♡.99) - 2002/02/07 14:52:13

<font color=red>테스트~^^</font>

노아 (♡.27.♡.99) - 2002/02/07 14:58:01

<font size=2 color=blue> 요기서 연습두 할수 있군여 ^^ 너무 큰 폰트는 자제해주세욤~^^</font>

이현주 (♡.156.♡.121) - 2002/03/07 14:52:01

다음 글은 언제 올리신대요? 기다리다 지치겠어요.

김진모 (♡.190.♡.62) - 2002/06/24 15:20:58

여기까지는 잘왔는데 다음부터가 고민되네 ..
살살 십게 알려 주었으면 합니다.
물로 고맙구요.

♥사랑♥ (♡.156.♡.86) - 2002/07/05 12:34:33

&lt;font color=red size=2&gt;지두 테스트&lt;/font&gt;

백합 (♡.169.♡.131) - 2002/08/23 14:55:18

너무 너무 고맙습니다.
여기서 이렇게 배우는게 넘넘 좋구요.
잘 가르쳐주셔서 고맙습니다.

투데이 (♡.62.♡.171) - 2002/09/28 08:34:48

^^ 여기부터 어려워지네, 근데 저기 언어들을 모두 머리에 기억해둬요?
나 머리나빠서 다 기억할수 없는데.......ㅡㅡ;;

최고가되자 (♡.224.♡.83) - 2002/12/16 10:07:59

군데요...글자색상말이에요.
얼마전에 문의 드렷는데 답변이없네여...ㅠㅠ
바뿌신가봐여.
16색상추출법말인데요..그다운을 받앗는데 어떻게 활용하는지 잘 모르겟어요.좀 갈켜주심 안되나여??
꼭 좀 부탁드릴게요.

백만부자 (♡.247.♡.82) - 2002/12/18 15:23:19

&lt;font color=red&gt;무지무지 감사합니다&lt;/font&gt;

은주 (♡.130.♡.126) - 2003/07/26 04:23:18

땡큐
꾸벅~~~~~~``

4y8 (♡.172.♡.10) - 2004/02/12 10:23:41

<font color=ff0000>test</font>

유령 (♡.81.♡.34) - 2004/05/31 13:51:27

효과보기 클릭하면 다른게 나오는데 ..

힝~..~

3,006 개의 글이 있습니다.
제목 글쓴이 날짜 조회
관리자
2003-09-20
11863
관리자
2003-09-20
11412
관리자
2003-09-20
20545
지구인
2010-08-27
19341
지구인
2009-09-07
13661
SOLIDH
2010-01-29
15620
엔죠라이프
2004-10-07
16716
네로
2002-03-15
1618
네로
2002-03-12
1510
노아
2002-03-10
1782
네로
2002-02-25
2645
네로
2002-02-22
521
네로
2002-02-17
1841
네로
2002-02-09
666
네로
2002-02-09
2492
네로
2002-02-09
1392
D3µX
2002-02-08
382
노아
2002-02-07
2484
네로
2002-02-05
427
태성
2002-02-03
916
태성
2002-02-03
391
태성
2002-02-03
408
태성
2002-02-03
621
태성
2002-02-03
504
태성
2002-02-03
377
태성
2002-02-03
483
태성
2002-02-03
521
태성
2002-02-03
393
모이자 모바일