2차 - 태크 기초 강의

오늘도 marquee 에 관하여
알아보겠읍니다
지금까지
1.움직이는 방향

direction="left" 왼쪽으로 움직임
direction="right" 오른쪽으로 움직임
direction="up" 위로 움직임
direction="down" 아래로 떨어짐

2.속도

scrollamount="1" 느림
scrollamount="2" 조금 빠름
이렇게 뒤의 숫자를 올려주면 빨라지고

3.배경색
bgcolor="yellow" 노란색 바탕
bgcolor="blue" 파란색 바탕

이렇게 bgcolor 뒤에 원하는 색의 이름을 넣어주면
바탕색이 내가원하는색으로 변한다는것을 이해 하셨을겁니다

marquee만 단순히 사용하면 기본적인 지원이 됩니다
기본이란 왼쪽으로 계속 움직 이며 속도는 약 4정도로 움직이죠

오늘은 복습을 겸 합니다

4. behavior="slide"

marquee 다음에 이렇게 넣으면 글이 오다가
끝에서 멈추어라는 말입니다

5. behavior="alternate"
이건 왔다갔다 하라는 말이죠

behavior="alternate"의 적용

(marquee direction="left" scrollamount="5" bgcolor="pink"
behavior="alternate") 승마님을 사랑해요 나사랑 안할래♬♩♪♩♩♪♬♥~~(/marquee)
이렇게 소스가 주어지면
결과보기1
승마님을 사랑해요 나사랑 안할래♬♩♪♩♩♪♬♥~~^^(알았어요~?^^)

6. width="원하는 크기의 수" 가로의 크기를 지정합니다
height="원하는 크기의 수" 높이를 지정합니다

가로와 세로의 크기를 이렇게하면

(marquee direction="left" scrollamount="5"
bgcolor="pink"behavior="alternate" width="100" height="30")
승마님을 사랑해요 나 사랑해서 골병들었당 ㅋㅋㅋㅋ♥~~(/marquee)

결과보기2
승마님을 사랑해요 나 사랑해서 골병들었당 ㅋㅋㅋㅋ♥~~
어때요~ 쉽져?^^* 역쉬 우리 님들은 머리가 좋으니 이해도 빨라요! 네?
머리가 좋은건 샴푸를 좋은거 써서 그렇 다구요?ㅠㅠ

가로와 세로의 크기를 이렇게고치면
(marquee direction="left" scrollamount="5" bgcolor="pink"
behavior="alternate" width="350" height="100")
승마님을 사랑해요 ♥~~나 사랑해서 골병들었당 ㅋㅋㅋㅋ(/marquee)

결과보기3
승마님을 사랑해요 ♥~~나 사랑해서 골병들었당 ㅋㅋㅋㅋ
7.응용을 하나만 더할까요?
글자가 지그 재그로 움직이는건 marquee를 이중으로
사용합니다

marquee의 2중 사용예
한번은 상하로 한번은 좌우로 움직이게 합니다

(marquee)(marquee direction="up" scrollamount="5"
behavior="alternate" width="350" height="150")승마님을
사랑해요 ♥~~(/marquee)(/marquee)

결과보기4
승마님을 사랑해요 ♥~~
어~! 근데 뭔가 좀 허전하죠?
ㅎㅎㅎㅎ바로
배경색상 지정을 안해줬잖아요
이 소스 bgcolor="pink"넣어 주시면 되어요^*^

이상으로 marquee의 명령어 강의는 마치겠읍니다

다음은 글 올리는 방법
font 편을 강의를 드리죠
글자의 색상을 변하게 하고
크기를 변하게 합니다

글자의 명령은 모두가 font에서 이루어집니다

font 글자는 이렇게 하여라는 말
color 글의 색상을 지정하는 명령어
size 글의 크기를 지정하는 명령어

1. 글의 색부터 해보죠
color="원하는 색상이름이나 색코드 넘버"

소스의 예(아시져? ( ) = < > 꺽쇠로 하시는거^*^)

(font color="red")붉은색(/font)
(font color="blue")푸른색(/font)
(font color="yellow")이건 노란색(/font)
(font color="a52a2a")a52a2a색(/font)
(font color="8a2be2")8a2be2색(/font)
(font color="8b008b")8b008b색(/font)

결과보기
붉은색
푸른색
이건 노란색
a52a2a색
8a2be2색
8b008b색

2. 글자의 크기 지정입니다
size="원하는 크기의 수"

소스의 예

(font color="red" size="1")붉은색(/font)
(font color="blue" size="2")푸른색(/font)
(font color="yellow" size="3")이건 노란색(/font)
(font color="a52a2a" size="4")a52a2a색(/font)
(font color="8a2be2" size="5")8a2be2색(/font)
(font color="8b008b" size="6")8b008b색(/font)
결과보기
붉은색1
푸른색2
이건 노란색3
a52a2a색4
8a2be2색5
8b008b색6

3. 그럼 지금까지 배운 모든걸 종합해 볼까요
* 움직임의 명령 marquee는marquee 대로
글자의 명령 font는 font 대로 따로 해야합니다
/ 마침 명령은 시작의 역순으로 마쳐야합니다

이렇게 해보죠

명령 움직여라 방향은="위로" 속도는="1" 바탕색="푸른색"
넓이는="400" 높이는="200" 여기까지
명령 글자는 색을="흰색" 크기는="3으로" 여기까지이다

명령 꺽쇠열고 ☞ <
움직여라 ☞ marquee
방향은 ☞ direction
속도는 ☞ scrollamount
바탕색 ☞ bgcolor
넓이는 ☞ width
높이는 ☞ height
여기까지 꺽쇠닫고☞ >

명령어로 번역하면 이렇게 되겠죠
지금까지 익힌것을 다시한번 되세겨 보세요.

(marquee direction="up" scrollamount="1"
bgcolor="blue" width="400" height="200")
(font color="white" size="3")

키스의 의미
이마에 하는 Kiss는 우정을 의미하고 감은 눈 위에 하는 입맞춤은 감사의 Kiss 코 끝에 하는 Kiss는 당신에게 행운이 함께 하길빈다는 뜻 볼에 하는 Kiss는 반가움을 뜻하고 입술에 하는 것은 사랑의 Kiss(/font)(/marquee)

그럼 결과를 볼까요

키스의 의미

이마에 하는 Kiss는
우정을 의미하고
감은 눈 위에 하는 입맞춤은
감사의 Kiss
코 끝에 하는 Kiss는
당신에게 행운이 함께 하길빈다는 뜻
볼에 하는 Kiss는
반가움을 뜻하고
입술에 하는 것은
사랑의 Kiss

이밖에 글자의 크기를 지정 하는게
여러가지 있지만
이것만 알아도 충분 할것 입니다
그리고 글자를 옆으로 누이고 세로열로 하는등의 태그는
중급 강의에서 한번 더 이야기 해드릴께요

다음은 문단 정열에서 다시 뵙죠
아름다운 글을 올려 보세요