▒요약
글자 태그 정리
<font size=숫자 color=색상값> </font> 글자 크기, 색깔
<B>굵은 글씨</B>
<I>기울인 글씨</I>
<TT>타자 친 것처럼</TT>
<U>글자에 밑줄</U>
<BIG>큰 글씨</BIG>
<SMALL>작은 글씨</SMALL>
<SUB>아래첨자</SUB>
<SUP>윗첨자</SUP>
▒요약
<marquee> 태그
글자를 움직여 보자!! '마퀴' 태그는 글자를 이리저리 다양하게 움직이게합니다.
다양한 활요은 다음장에 하나하나 차례로 배워봅니다.
일단, 기본 '마퀴' 태그를 이용해 움직임을 알아보세요. ^___^
■ 소스 ■
<html>
<head>
<title>움직이는 글자</title>
</head>
<body>
<marquee> 사랑해 </marquee>
</body>
</html>
<marquee> 태그 활용
글자를 맘데로 움직여 보자!!
'마퀴' 태그에 아래 두 명령을 삽입시켜, 글자를 자유롭게 움직이게합니다.
direction
behavior=alternate
다양한 활용입니다. 실습을 통해 움직임을 알아보세요. ^___^
■ 소스 ■
<marquee direction="left">왼쪽으로</marquee>
<marquee direction="right">오른쪽으로</marquee>
<marquee direction="up">위로</marquee>
<marquee direction="down">아래로</marquee>
<marquee behavior=alternate>좌우로 왕복</marquee>
<marquee behavior=alternate direction=up>상하로 왕복</marquee>
<marquee direction=up behavior=alternate><marquee behavior=alternate>지그재그</marquee></marquee>
▒요약
<marquee> 태그 활용 2
이리저리 움직이는 글자를 빠르게, 느리게, 짧게 넓게....맘데로 움직여 보자!!
'마퀴' 태그에 아래 4개 명령을 삽입시켜, 글자를 자유롭게 움직이게합니다.
scrollamount
loop
width
height
다양한 활용입니다. 실습을 통해 움직임을 알아보세요. ^___^
■ 소스 ■
<marquee scrollamount="3"> 3 속도로 움직이기 </marquee>
<marquee loop=2> 2번만 움직이기 </marquee>
<marquee width=20> 가로 20안에서 움직이기</marquee>
<marquee direction='up' height=90> 세로 90안에서 움직이기</marquee>
▒요약
<marquee> 태그 다양한 실전 응용
앞서 배운 각종 명령 속성을 합하면??? 다양복잡현란!!!
'마퀴' 태그에 앞서배운 명령을 합쳐 사용하면, 글자에 다양한 효과와 표현을 줄 수 있습니다.
direction
behavior=alternate + width + loop
scrollamount + loop
width + scrollamount
height + behavior=alternate
.
.
.
다양한 활용입니다. 실습을 통해 움직임을 알아보세요. ^___^
■ 소스 ■
<marquee behavior=alternate width=35>(*^.^*)</marquee>
<marquee direction="right" scrollamount="1"> (ㅠㅠ)</marquee>
<marquee width=500 scrollamount=300>(^___^)/</marquee>
<marquee direction=up>컴<ul>으<ul>로<ul>허<ul>자<ul>허<ul>자<ul></marquee>
<marquee>허<br>자<br>허<br>자</marquee>
<marquee bgcolor=black><font color=ffffff size=7>허자허자</font></marquee>
'컴퓨터 즐기기 > 컴퓨터활용과 태그' 카테고리의 다른 글
| 만화로 배우는 태그 ⑤ - 그림 불러오기..... [2008/05/24] (0) | 2009.04.25 |
|---|---|
| 만화로 배우는 태그④ - 문장, 문서 꾸미기 ......[2008/05/14] (0) | 2009.04.21 |
| 만화로 배우는 태그② - 태그의 이해 ..... [2008/04/17] (0) | 2009.04.08 |
| 만화로 배우는 태그기초 ..... [2008/04/03] (0) | 2009.04.03 |
| 연속듣기 asx파일 만들기 ..... [2008/03/29] (0) | 2009.03.31 |