♣ 그림나라 태그 HTML 공부방♣          Good-News      

Jung-Hyunchel

④ Tag자료실

                ▶ 태그란 무엇일까요?  원래 태그(tag)란 꼬리표, 물표를 의미하는 단어로 물품의 재고관리를 효율적으로 하기 위한 물품인식표 입니다 내가 쓴글에 연상되는 단어를 꼬리표(키워드)로 달아두는 것이랍니다

①cho-rok 애플릿   ②Source자료실-1
③Source자료실-2  ④Tag자료실
⑤cho-rok TagSource자료실  태그연습장

   먼저 태그를 공부하기 위해 그림나라의 태그공부방 방문을 진심으로 환영합니다. 또  자료가 많아 한번에 올리기는 어렵군요 그래서 조금씩 보충해서 꾸며나가도록 하겠습니다.

※  마우스로 복사를 못하는 초보님들께 알립니다.
글씨에 마우스를 꾹 누르신채 옆으로 드르륵 끌어당기면 글씨가 퍼렇게 변하죠? 이때 마우스 오른버튼을 누르시면 메뉴가 나옵니다.거기서 복사를 선택하면 복사가 된 상태입니다.
그 후에 붙여넣기를 하실때는 자신이 원하는 위치에 마우스를 갖다 대고 다시 오른버튼을 누르시면 붙여넣기 가 나옵니다. 그것을 선택해서 클릭하시면 붙여넣기가 됩니다. 위의 글자를 복사하셔서 그대로 글자만 바꾸어서 사용하세요. 자꾸자꾸 자료를 올릴께요.

<bgsound src='http://bbs.interbird.co.kr/midi/linkfile/1-8.mid'> 생일축하곡
<bgsound src='http://bbs.interbird.co.kr/midi/linkfile/1-7.mid'> "
<bgsound src='http://bbs.interbird.co.kr/midi/linkfile/2-25.mid'> "
<bgsound src='http://bbs.interbird.co.kr/midi/linkfile/2-32.mid'> "
<bgsound src='http://bbs.interbird.co.kr/midi/linkfile/2-29.mid'> "
<bgsound src='http://bbs.interbird.co.kr/midi/linkfile/2-24.mid'> "
<bgsound src='http://bbs.interbird.co.kr/midi/linkfile/132.mid'> "
<bgsound src='http://bbs.interbird.co.kr/midi/linkfile/wedding2.mid'> 결혼 행진곡

  이 자료들은 인터버드에서 가지고 온 것들입니다.
더욱 많은 자료를 원하시면 인터버드 미디음악자료실을 이용 바랍니다.
인터버드 미디음악자료실을 가려면 아래있는 정현철그림나라의 그림을 클릭해 주세요.
주의!  비교육적인 곳엔 빨리나오는 것이 최선입니다 
 

<marquee width=500 scrollamount=300><font size=7>반짝반짝 !!</marquee>반짝반짝 !!

<marquee>정현철그림나라입니다.!!</marquee> 글자를 왼쪽에서 오른쪽으로 움직입니다정현철그림나라입니다!!
 <marquee behavior=alternate>글자가 좌우로 왕복합니다*^^*</marquee>글자가 좌우로 왕복합니다*^^*

<marquee direction="left">이건 왼쪽이네요^^</marquee>이건 왼쪽이네요^^<marquee direction="right">이건 오른쪽이구여^^</marquee>이건 오른쪽이구여^^<marquee direction="up">요번에는 위로?</marquee>요번에는 위로?<marquee direction="down">아래쪽으로 움직입니다</marquee>아래쪽으로 움직입니다

★링크란,여러분들이 웹서핑을 하면서 글자나 그림을 클릭하면다른 웹페이지나,그림으로 연결되죠?그 부분이 바로 하이퍼링크를 해놓은 부분입니다.즉, 링크를 클릭하면 다른 장소로 이동할수있게 해주는 태그가 하이퍼 링크태그입니다.
그럼 이제부터 링크태그에 대해서 간단하게 알아보도록 하겠습니다.
 링크태그의 기본원리 링크태그의 기본은 <a> 와 </a> 태그입니다.그러나<a> 만을 사용하면 아무것도 나타나지 않습니다.어느 곳으로 연결시켜줄 것인가를 지정해주어야 하죠.이걸 지정해주는 속성이 href="주소" 속성입니다. 즉,<a href="링크 시킬 주소">
예로 저의 홈페이지 주소는" http://oolsan.hihome.com/"입니다. 홈 주로로 바로가게 하기위해서는
<a href=" http://oolsan.hihome.com/">'정현철홈페이지바로가기' </a> 이렇게 해 놓으면 글자만 나타나고 글자를 누르면 바로 갈 수가 있지요 아래처럼 간단하게 나타나게 됩니다

☞테두리 글씨
<span style="font-family:휴먼엽서체;font-size:12pt;color:white;width:100%;height:20;Filter:Glow(color=orange,strength:2)"><h2>이쁜글씨</span></style></h2>

이쁜글씨

<span style="font-family:휴먼엽서체;font-size:12pt;color:white;width:100%;height:20;Filter:Glow(color=0000ff,strength:2)"><h2>글씨 색을 보세요</span></style></h2>

글씨 색을 보세요

<span style="font-family:휴먼엽서체;font-size:12pt;color:white;width:100%;height:20;Filter:Glow(color=red,strength:2)"><h2>명령어에 따라 이렇게 색이 달라집니다</span></style></h2>

이렇게 색이 달라집니다

<span style="font-family:휴먼엽서체;font-size:12pt;color:white;width:100%;height:20;Filter:Glow(color=ff99ff,strength:2)"><h2>정말 재미있지요?</span></style></h2>

정말 재미있지요?

<span style="font-family:휴먼엽서체;font-size:12pt;color:white;width:100%;height:20;Filter:Glow(color=00cc99,strength:2)"><h2>여러분들도 따라 해 보세요</span></style></h2>

여러분들도 따라 해 보세요

정현철그리미나라의 TAG 자료실 사이트 안내   

▶seyoung'자료실, ▶각종자료실,
▶이미지자료실     태그연습장2

글씨 크기는 font size=7 까지 할수 있으며, 아래 글씨는 4 입니다. color=아래 예제처럼 좋아하는 색상을 영어로 쓰셔야 하며 face=돋움체,바탕체,궁서체등을 쓰시면 됩니다.
<font size=4 color=magenta face=샘물체>그림나라의 핑크색깔입니다.</font>
그림나라의 핑크색깔입니다.
<font size=4 color=red face=휴먼엽서체> 그림나라에서 빨간색으로 휴먼엽서체로 나타내었습니다</font>
그림나라에서 빨간색으로 휴먼엽서체로 나타내었습니다
<font size=4 color=blue face=매직체> 그림나라의 파란색인 매직체입니다</font>
그림나라의 파란색인 매직체입니다
<font size=4 color=olive face=돋움체> 그림나라의 금색으로 돋움체로 해 보았습니다</font>
그림나라의 금색으로 돋움체로 해 보았습니다
<font size=4 color=orange face=바탕체> 그림나라의 오렌지색인데 괜찮아요?</font>
그림나라의 오렌지색인데 괜찮아요?
<font size=4 color=bluesky face=휴먼매직체> 그림나라에서는 연한녹색도 자주 사용되지요</font>
그림나라에서는 연한녹색도 자주 사용되지요
<font size=4 color=break face=궁서체> 그림나라에서는 투명한녹색 궁서체 또한 참 재미있습니다</font>
그림나라에서는 투명한녹색 궁서체 또한 참 재미있습니다
<font size=4 color=silver face=고딕체>그림나라에서 사용하는 고딕체로 은색입니다</font>
그림나라에서 사용하는 고딕체로 은색입니다
<font size=4 color=663399 face=엽서체> 그림나라의 엽서체인 보라색으로 나타내었습니다</font>
그림나라의 엽서체인 보라색으로 나타내었습니다
<font size=4 color=339933 face=굴림체>그림나라 굴림체인 녹색입니다.</font>
그림나라 굴림체인 녹색입니다.
<font size=4 color=redblue face=궁서체>연한 파란색도 아름답지요?</font>
연한 파란색도 아름답지요?

<DIV style="width:320; height:50; font-size:20pt; filter:glow(color=blue, strength=8)">
<p style="font-size:20pt; width:320; height:50;"><font color=deeppink face=휴먼매직체>그림나라의 예쁜 글씨체 입니다</font></DIV><DIV style="width:320; height:50; font-size:20pt; filter:glow(color=pink, strength=8)">

<td width="659"><DIV style="width:320; height:50; font-size:20pt; filter:glow(color=red, strength=8)">
<p style="font-size:20pt; width:320; height:50;"><font color=blue face=휴먼매직체>그림나라의 예쁜 글씨체 입니다</font></DIV></td>

  <td width="659"><DIV style="width:320; height:50; font-size:20pt; filter:glow(color=red, strength=8)">
<p style="font-size:20pt; width:320; height:50;"><font color=blue face=휴먼매직체>그림나라의 예쁜 글씨체 입니다</font></DIV></td>

▼겹치는 글씨 위의 태그를 소스로 붙히고 글자만 바꿔넣으면 됩니다▶태그연습장1

<span style=filter:dropshadow(color=pink,offy=11);height:10px;><h1>겹치는 글자를 만들어 보았습니다</h1>

겹치는글자를만들어 보았습니다

<span style=filter:dropshadow(color=blue,positive=1);height:10px;><h1>이 글자도 괜찮지요?</span></h1>

이 글자도 괜찮지요?

 <span style=filter:flipv();height:1px;><h1><font color=red>뒤집히는 글자도 참 재미있습니다.</span></h1></font>

뒤집히는 글자도 참 재미있습니다.

<span style=filter:alpha(style=2);height:10px;><h1><font color=blue>파란색 글이 점차 투명해져 갑니다.</span></h1></font>파란색 글이 점차 투명해져 갑니다.

(<marquee behavior=alternate width=30>@^.^@</marquee>) ☜도리도리하는 모습  

<marquee direction="RIGHT" scrollamount="1"> __@/``</marquee> ☜달팽이 기어가는 모습.

<marquee scrollamount=30>굉장히 빨리갑니다??달리기 선수들의 모임입니다</marquee>

<marquee bgcolor=0A1446><font color=ffffff>그림나라에 오셔서 반갑습니다~</font></marquee>

<marquee bgcolor=blue><font color=ffffcc>조금씩 태그를 보충해 가겠습니다</font></marquee>

<marquee bgcolor=000000><font color=00ff00 size=7>계속해서 자료를 올리도록 하겠습니다</font></marquee>

눌러서 글자가 나오게 하는법(얼마든지 만들어 붙이면 됩니다)
<INPUT TYPE="SUBMIT" VALUE="어서오세요!" onClick="{alert('정현철그리미나라입니다')}{alert('This page is JungHyunchulGallery!')}{alert('♡오늘도 행복한 날이 되세요♡')}"

깜빡거리는 글자1.