소스 모음

태그 자세한 정보

신우림 2012. 12. 22. 09:48

 

 

 

 

 

[태그 자세한 정보]
이해하기 쉽도록 [하이퍼링크]를 만드는 방법 정보


[주소링크태그]입니다.


ⓛ번네 이 버여기를 클릭하세요 이와 같이 클릭하면 페이지만 바뀌면서 이동하는 방식입니다.


=ⓛ번 작성방법=

<a href="http://kin.naver.com/"> 네 이 버</a>




 

 

 

 

②번*http://kin.naver.com여기를 클릭하세요 ⓛ번 방법과 같은 방식인데 다만 클릭하는 곳을


(영문)으로 써서 이동되는


방법을 선택했습니다.


=②번 작성방법=


<a href="http://kin.naver.com/"> http://kin.naver.com</a>




 
③번네 이 버여기를 클릭하세요 이와 같은 것은 새로운 창을 하나 더 띄워서 
다른페이지로 이동하는 방식입니다.


=③번 작성방법=



<a href="http://kin.naver.com/"target="blank">네 이 버</a>




 
 
④번*******네 이 버*******☜ 여기를 클릭하세요 이와 같은 것은 마우스가 
글자 위를 스치기만 해도 해당 싸이트로 바로 이동되는 링크입니다.


=④번 작성방법=


<a [안내]태그제한으로등록되지않습니다-xx[안내]태그제한으로등록되지않습니다-xx[안내]태그제한으로등록되지않습니다-xx[안내]태그제한으로등록되지않습니다-xx[안내]태그제한으로등록되지않습니다-xxonmouseover="location.href='http://www.naver.com';" href="#"target="blank">네 이 버</a>




 

 

 

 

 

 

 

 

 

파란색으로 밑 금 친 것이 [네이버]주소입니다.


ⓛ~②번과 ③번을 클릭하셔서 무엇이 다른 점인지 확인해 보세요.


③번에서는 이와 같이▶(target="blank")를 추가해서 사용했기 때문에 페이지 이동을 달리 한 것입니다.


<a href>◀==▶</a>는 (속성 또는 명령어)라고 합니다.




= 예 제=


<a href="http://www.naver.com" target=pop [안내]태그제한으로등록되지않습니다-xx

[안내]태그제한으로등록되지않습니다-xx[안내]태그제한으로등록되지않습니다-xx[안내]태그제한으로등록되지않습니다-xx[안내]태그제한으로등록되지않습니다-xxonclick="/*window.open*/('about:blank','pop','width=600,height=400,resizable=1');">네이버 컴</a>


=결 과=


네이버 컴


원하는 크기로 새로운 창으로 띄우는 방법입니다.



다음은 [이미지링크]입니다.


 

=작성방법:=


<a href="http://www.naver.com/">네이버 주소


<img src="http://static.naver.com/kin/images/logo_kin00.gif"border="0">그림주소


</a>차단 시키는 역할을 합니다. (닫아 준다)


한글은 빼 주시고①+ ②+ ③번을 모두 연결시켜서 사용하시면 [네이버 로고]가 나타납니다.



테두리
가 나타나게 하려면, ②번 주소 끝에서[border="0"]라는 글을 빼 주시면 됩니다.


보기=


마우스를 그림 위에다 올려 놓으면, [손]모양이 생기며 클릭하면 해당 페이지로 이동됩니다.




다음은 [이미지]를 올려 볼까요?



=작성 방법:=


<img src="http://myhome.hanafos.com/~cruelsniper/an029.gif">





=작성 방법=


<img src="http://is.freefoto.com/ImageServer?imageSize=prev&imageRef=15-19-1">


img src=는 (속성 또는 명령어)라고 합니다.
파란색으로 밑줄이 그어져 있는 것은 (그림주소)입니다.
(속성)과 (그림주소)를 연결하여 작성한 후 사용하시면 그림이 뜹니다.


이미지 위에다 마우스를 올려 놓고 오른쪽을 클릭하면 [속성]또는 [등록정보]가 나옵니다.


[속성]이나[등록정보]를 클릭하면 [그림 "URL"주소]가 나오는데, 주소를 [복사]해서 사용하시면 됩니다.


다음은 [음악태그]입니다.


(동영상이나 음악태그)에는 주소 앞에<embed src=>라는 (명령어)를 사용합니다.


<embed src="노래주소"hidden=true>========미디어 재생기가 보이지 않습니다.


<embed src="노래주소"atuostart=fals>====미디어 재생기가 보이며 
플레이 버튼을 누르지 않아도 재생됨.


<embed src="노래주소"autostart=false>=미디어 재생기가 보이며 플레이 버튼을 눌러야 재생됨.


또한, 음악을 반복재생 하시려면, [loop]라는 속성을 추가하시면 되는데, 예를 들어서 노래를

다섯 번 듣고 싶으시다면.....


[loop="5"]라고 (숫자)를 넣어 주시면 노래가 자동으로 다섯 번 반복재생 됩니다.


그렇지만 노래를 계속 듣고 싶으시다면 [loop="infinite"]라고 입력하시면 무한반복 되기도 합니다.


<embed src="mms://61.74.69.188/kt_131/020214/link.asf">


<embed src="mms://61.74.69.188/kt_131/020214/link.asf"
autostart=fals>

↑현재 재생되고 있는 노래는 위의 주소를 적용시킨 겁니다.↑

 

빨간색으로 표시된 것이 [음악주소]앞에 반드시 입력해야할 (명령어)입니다.
파란색으로 밑 금친 것이 [음악주소]입니다.
[음악주소]가 끝나는 부분 보라색 (wmv)는 (확장자)입니다.


=작성방법=


↑위의 노래주소를 작성한 방법은 아래를 참조하십시오.↓


<P><pre><font size="3"><font color="red"><embed src=</font><u><font color="
blue">"mms://61.74.69.188/kt_131/020214/link.asf"</font></u><font color="20B2AA">autostart=fals></pre></font></P>




=예 제=


<font style=font-size:17pt color=redblue face=궁서체>연한 파란색</font>


===결 과===


연한 파란색
17pt는 글자 크기를 조절해 줍니다. 숫자에 따라서 글자 크기를 조절할 수있습니다.




=예 제=


<font style = font-size:17pt>내용 쓰는 곳</font>


사이즈 17pt 역시 숫자를 조절하시면 원하시는 크기로 변환됩니다.
그러나 보통 크기의 사이즈는 숫자 "13"로 써 주시면 됩니다.


===결 과===


내용 쓰는 곳




=예 제=


<font color="blue">내용 쓰는 곳</font>
컬러에서 "블루"는 원하시는 컬러로 바꿔 주시면 됩니다.


===결 과===


내용 쓰는 곳




=주 의=


<font color="red"> ☜를 쓰시고 원하시는 내용을 쓰신 후에는 반드시

이렇게 닫아 주셔야 됩니다.☞ </font>
그렇지 않으면 계속해서 같은 (폰트와 컬러)가 다른 글자에도 적용됩니다.




아래는 이 글을 작성하면서 사용된 속성입니다.


<br><br> 한 줄을 띄우기 위해서...
(여러개를 사용할 수도 있음)


<h3>

글자를 굵게 크게 쓰기 위해서

</h3>


<P> 한 줄을 띄우기 위한 강제설정 </p>


<font>

글씨체를 지정해주기 위해서 </font>


<color> 색상을 정하기 위해서


<u> 밑 금을 치기 위해서 </u>


<font size="3">숫자 "3"은 ("글자크기"숫자가 클수록 글자가 커짐)</font>


<pre> (글자나 음악태그)를 우측 옆으로 (스패이스 바)계속 이어지게 하기위해서</pre>


<b> 글자를 굵게 하기 위해서 </b>


이 외의 [태그]는 수 없이 많겠지만 인터넷상에서 우리가 주로 간단하면서도 가장 많이

사용되는 [태그]만을 골라서 올렸습니다.




글자색이 바뀌고 커집니다.

 

=예 제=

<font style="font-size:10pt; color:red" [안내]태그제한으로등록되지않습니다-xx

[안내]태그제한으로등록되지않습니다-xx[안내]태그제한으로등록되지않습니다-xx[안내]태그제한으로등록되지않습니다-xx[안내]태그제한으로등록되지않습니다-xxonmouseover='this.style.fontSize="20pt"; this.style.color="blue"' [안내]태그제한으로등록되지않습니다-xx

[안내]태그제한으로등록되지않습니다-xx[안내]태그제한으로등록되지않습니다-xx[안내]태그제한으로등록되지않습니다-xx[안내]태그제한으로등록되지않습니다-xxonmouseout='this.style.fontSize="9pt"; this.style.color="red"'><b>여기에다 마우스를 갖다 대 보세요.</b></font>

 

=결 과=


여기에다 마우스를 갖다 대 보세요.




흐려진 그림위에 마우스를 올리면 진해지는 현상입니다.


=예 제=


<img src="http://myhome.hanafos.com/~cruelsniper/an029.gif" border="0" style="filter:alpha(opacity=30)" [안내]태그제한으로등록되지않습니다-xx

[안내]태그제한으로등록되지않습니다-xx[안내]태그제한으로등록되지않습니다-xx[안내]태그제한으로등록되지않습니다-xx[안내]태그제한으로등록되지않습니다-xxonmouseover="this.filters.alpha.opacity='300'"

[안내]태그제한으로등록되지않습니다-xx

[안내]태그제한으로등록되지않습니다-xx[안내]태그제한으로등록되지않습니다-xx[안내]태그제한으로등록되지않습니다-xx[안내]태그제한으로등록되지않습니다-xxonmouseout="this.filters.alpha.opacity='30'">


=결 과=






마퀴태그입니다.


글씨태그

글씨태그

글씨태그

글씨태그

숫자가 클 수록 [글씨 태그]가 크게 보입니다.


<font size=6> 글씨태그</font>

<font size=5>글씨태그</font>

<font size=4>글씨태그</font>

<font size=3> 글씨태그</font>

[마퀴태그]


글씨가 움직이는 것을 [마퀴 태그]라고 합니다.

<marquee>안녕하세요!!〈/marquee>

안녕하세요!!



<marquee behavior=alternate>태그를 배우고 싶어요.〈/marquee>

태그를 배우고 싶어요.



<marquee direction="right">오른쪽으로 가고 싶어요.〈/marquee>

오른쪽으로 가고 싶어요.



<marquee direction="down"><img src=http://myhome.hanafos.com/~cruelsniper/an029.gif>

내려가는 그림</marquee>





<marquee Direction="up"Scrollamount="3">
<img src=http://myhome.hanafos.com/~cruelsniper/an029.gif>올라가는 그림</marquee>





 


 

 

 

 

 

요즘 트위터 페이스북 더보기


'소스 모음' 카테고리의 다른 글

글자테그 모든것  (0) 2012.12.22
사진에 내이름 넣기   (0) 2012.12.22
문자를 움직이게 만드는 마퀴(MARQUEE)태그   (0) 2012.12.22
2013년도 계사년 달력  (0) 2012.12.22
눈내리는 소스  (0) 2012.12.22