|
| |
| |
| |
| |
고객센터 |
제 목 : 기본 테그 사용법 설명... |
|
| |
작성자 : 사캠(욱) |
작성일 :
2003-10-28
|
조회수 : 158 |
|
|
| |
오늘은 음악이나 이미지 또는 뮤직비디오 등을 링크시킬때 사용하는
아주 기본적인 태그들을 공부해 보겠습니다...^^;
다른 태그들은 따로 공부하세용...여긴 음악 사이트니까 아주 기본만...ㅎ_ㅎ;;
깊이있게 들어가면 한도 끝도 없고 프로그램이나 홈페이지를 제작하실 분이 아니시라면
별로 필요도 없습니다...사는데 별로 지장 없을 만큼만 배우겠습니당...ㅡㅡ;;
복잡하고 자세한 공부는 따로 하시고 여기 있는 것들은 그냥 외우세용...^^;;
외우는 것도 싫다!!고 생각되시는 분들은 그냥 여기 있는 태그들을 쭈~~욱~~ 복사하셔셔
붙여넣기를 이용하시면 됩니다...ㅡㅡ;; 태그 사이의 내용만 바꿔주심 되니까요...
(벌써 점점 게을러지고 있습니당......ㅡㅡ+)
아무리 그래도 태그를 외우시기 전에 아주 간단한 것들은 좀 아셔야 예쁘게 편집이 됩니당...^^;
(아주 간단하게만 설명드립니다. 너무 많이 알려고 하시면 머리가 또 터집니다. 음악하기도 바쁘구만...ㅡㅡ+)
1. 태그(TAG)란?? <--- 요놈은 명령을 내리는 아주 무서븐 놈이당...ㅡㅡㆀ
- 태그라는 것은 그림, 사진, 음악, 동영상, 글 등등을
홈페이지에 본인이 원하는 스타일대로 나타나도록 지시해주는 명령어입니다.
- 작업을 할때는 태그를 사용하지만 실제 눈에 보이는 브라우져에서는 태그는 보이지 않습니다.
지시한 명령만이 브라우져에 나타나는거죠...진짜 무서븐 넘이죠??~~^^;
작업을 하시다보면 사용한 태그가 브라우져에 보일때가 있는데요...
이럴땐 깜짝~~ 놀라는척 하시면서 좀 당황하셔야합니다...ㅡㅡ;;
백발백중 태그를 잘못 쓰신겁니당...남사스러우니 빨리 다시하세용...ㅡㅡ+
- 태그는 대문자, 소문자를 구별하지 않고 똑같이 판단합니다...^^;
그러니까 <BR> 이나 <br> 이나 고놈이 고놈이라는 뜻입니다...변장해도 소용없음!!...ㅡㅡ;;
2. HTML(HYPER TEXT MARKUP LANGUAGE)이란??
- 만들어진 홈페이지가 웹상(브라우저)에서 보여지도록 일종의 프로그래밍 언어입니다.
- 우리말을 한글, 미국말을 영어라고 하는 것처럼 홈페이지에서 쓰이는 언어가 HTML이라고만
알아두세용~~^O^
(홈페이지라는 나라에서는 HTML이라는 언어로 떠들어야 서로 말이 통합니당...^^)
3. 태그의 기본 형태
- <태그> 주저리~ 주러리~ (요자리에 보여주고 싶은 내용을 씁니다) </태그>
태그라는 것도 기본적인 형식이 존재합니다...물론 아닌것도(끝마침태그가 필요 없는 것도)있지만
일단은 이게 기본 형태입니다...종료태그가 필요 없는 것은 아래쪽에 써드릴게용~~^^
꼭 알아두세용~~^^;
태그라는 것에는 반드시 요렇게 생긴 괄호를 씁니다...< > 그리고 태그를 끝마칠때는 / (슬래쉬)를
사용합니다...<, >, /, !, # 등등등은 아스키문자라고 하는데요...쓸데 없는 거니까 아실 필요 없습니다...^^
예를들면 글자를 굵게 해주는 B라는 명령태그를 쓴다면 <B> 또 주저리~~ 주저리~~ </B> 이렇게 하시면
괄호 사이에 있는 또 주저리~~ 주저리~~ 라는 글자가 굵게 나타납니다...아시겠죠??~~^^;
이제 링크에 필요한 기본적인 태그를 본격적으로 배우겠습니당...^^
4. 기본적인 태그 <--- 외우세용!!
- 속성이란??
태그가 어떻게 어떻게 해라!! 라는 명령이라고 했죠?? 그러면 속성이라는 것은
그 명령의 좀 더 구체적인 설명을 말하는 것입니다...예를 들어 "그림을 삽입해라!!"라는
태그를 사용했다면 속성이라는 것은 그림을 삽입하되 높이는 얼마로하고 넓이는 얼마로 해라!!
라고 지정을 해줄 수가 있는데요...이것을 속성이라고 합니다.
예를들어 글씨도 다 같은 글씨가 아니죠?? 글씨를 쓸때 크기는 얼마로하고 색은 무엇으로,
글씨체는 무엇으로 해라!!라고 지정할 수 있는데요...
이럴때는 <font size="3" color="green" face="궁서"> t2r버티미 멋쟁이!!...ㅡㅡ;; </font>
이렇게 쓸 수 있습니다...^^;
이말에서 Font는 글자에 명령을 하는 태그이구요...size, color, face 등등은 속성이라고 합니다.
size는 글자의 크기, color는 글자의 색깔, face는 글자체를 말하는 속성입니다...^^;
외우기 싫으시면 모르셔도 됩니다...아하~~ 그냥 이런뜻이구나??하고 이해만 하세용~~^O^
다시 정리를 하면 태그 명령을 쓰실때는 <태그와 속성> 주저리~주저리~ </태그>
이렇게 하시면 주저리~주저리~ 라는 말에 태그와 속성이 다 적용되는 것입니다.
반드시 태그를 먼저쓰고 속성을 그다음에 씁니다...태그를 다 쓰시고 나면 슬래쉬</>를 이용해서
반드시 종료를 해주셔야 하구요...^^;
참!! 한가지 더 속성의 내용에 보시면 내용 사이에 따옴표 " "를 사용하는데요...요즘은
쓰지 않으셔도 잘되니까 귀찮으면 쓰지마시기 바랍니다...전 설명을 위해서 쓰겠습니다~~^^;
* 줄 바꾸기 *
- <BR> : 일반 텍스트 문서를 작성할때 엔터를 치면 줄이 바뀌는 것처럼 줄을 바꿀때 사용합니다.
HTML 문서는 일반 워드처럼 엔터를 친다고 해서 줄이 바뀌는 것이 아니라 한문장으로
길게 나열해서 작성이 됩니다...당연히 보기에 안좋겠죠??~~^^;
이럴때 줄을 바꿔주는 역할을 하는 것이 <BR>이라는 태그입니다...^^;
<BR>태그는 시작만 있고 끝내기태그가 필요 없는 예외 태그입니다..그러니까 줄을 바꿀때
<BR>만 쓰시면 되고 </BR>은 쓰실 필요가 없다는 뜻입니다...아시겠죵??
그럼 여기서 응용 한가지!!~~^^
두줄을 띄고 싶을때는 어떻게 해야하죵??...당연히 <BR>을 두번 쓰시면 됩니다.
<BR><BR> <---이렇게 말이죠...하하하~~ 쉽다~~^O^
* 주소를 링크 시킬때 *
- 이것은 주소뿐만 아니라 거의 모든것에 링크를 시키때 다 사용하실 수 있습니다.
다운받을 파일이라던가?? 음악이라던가?? 아니면 메일주소까지 다 할 수 있거든요...^^;
이것만 아셔도 여러 곳에 많이 쓰실 수 있습니다.
- <A HREF="링크 시킬 주소를 요기에 씁니다" TARGET="_blank">주저리~주저리~(주소의 내용)</A>
소개하고픈 사이트의 주소(또는 다운받을 파일)를 링크 시킬때 사용합니다...^^;
그때 사용하는 태그가 <A HREF= > </A> 이구요...TARGET="_blank"라느 것은 링크 시킨 주소를
새창으로 띄우라는 뜻입니다...가끔 저희 사이트에도 주소를 링크 시키는 분들이 계시는데요~~
TARGET="_blank"라는 것을 쓰시지 않고 링크를 하시면 현재 있는 창에서 그대로 링크 주소로 바뀝니다.
제 개인적인 생각엔 이것은 서로간의 예의가 아니라고 생각이 들거든요..^^;
다른 사람의 사이트에 가셔서 다른 사이트 주소를 소개하시거나 링크를 시키실때는
반드시 새창으로 뜨도록 TARGET="_blank"를 반드시 넣어주시기 바랍니다...^^
이거 싫으시면 TARGET="NEW" 하시면 됩니다...이게 더 간단하궁요...^^;
우리 모두 예의 바른 네티즌이 됩시당...^O^
예를 들겠습니다...^^
<A HREF="http:///" TARGET="NEW"> 뮤지션들이 모여 있는 곳!!</A>
이라고 하면 웹브라우져에서는 "한국 최고의 뮤지션들이 모여 있는 곳!! 타임투락!!"만 보이고 그걸 누르면
타임투락 사이트로 가게 됩니다...물론 새창으로 말이죠~~^^;;
언능언능 조 위에꺼 그대로 퍼가셔서 다른 사이트에 가셔서 테스트 해보세용~~^O^
공부도하고 타임투락 선전도 하고...일석이조...ㅡㅡ^
* 메일 주소를 링크 시킬때 *
- <A HREF="mailto:이메일주소"> 주저리~주저리~</A>
주저리 주저리를 누르면 아웃룩 익스프레스가 뜨면서 그 사람에게 메일을 보낼 수 있습니다.
예를들어 <A HREF="mailto:kgt1kr@hotmail.com">위문편지를...ㅡㅡ;;</A>
이라고 해 놓으면 버티미에게 위문편지를...ㅡㅡ;; 이라는 글씨를 누르면 저에게 메일을
보내실 수 있는겁니다...아시겠죵??~~^^;
* 이미지를 링크 시킬때 *
- <IMG SRC=" 파일이 있는 경로명">
IMAGE의 약자로 그림 파일을 제어하는 태그입니다.
기본 형태는 <img src="파일의 경로명">이나 <image src=파일의 경로명>이고,
</>종료 태그는 쓰지 않습니다.
src는 소스(Source)의 약자이며 그림을 불러올때 씁니다.
그외 속성에는 border, width, height, hspace, vspace, alt등이 있는데요...
복잡하니까 다 알려하지 마시고 여기서는 그림을 불러올때는
<img src="파일의 경로명">으로 하면 된다고 외우시기 바랍니다.
* 동영상을 링크 시킬때 *
- <EMBED SRC="동영상이 있는 주소를 쓴다">
* 음악을 링크 시킬때 *
- <EMBED SRC="음악이 있는 링크 주소" autoplay="true">
이렇게 해 놓으시면 음악이 자동으로 실행됩니다..^^;;
- <BGSOUND SRC="음악이 있는 링크 주소">
이렇게 해놓으시면 무언가 보이지는 않지만 창을 열면 음악이 나옵니다...^^
괜히 신기한척하기!!...ㅡㅡ;;
저희 타임투락에 오시는 분들이 젤 궁금한 것은 아무래도 음악파일하구 동영상파일 링크가 궁금하실테니
여기까지만 하겠습니다...^^;
마무리 총정리 예제로
<EMBED SRC=http:// WIDTH=130 HEIGHT=87 BORDER=0>
요거 한 번 써 보시기 바랍니다...저희 사이트 배너예용...마니마니 퍼가셔서 선전해주기!!~~ ㅎ_ㅎ;;
감사합니다...꾸뻑~~ (__);;
좀 더 자세한 사항이나 더 멋지고 예쁘게 하시고 싶으신 분들은 태그 관련 공부는
인터넷에 수도없이 많이 있으니 스스로 찾아서 공부해 보시구요...^^
이곳에 꼭 필요한 것 같은데 제가 설명을 하지 않은 태그는 말씀해 주시면 추가해 놓도록 하겠습니다.
오늘은 음악과 관련도 없는 것으로 머리를 아프게 했군용...ㅡㅡ;;
저도 머리가 쥐날 것 같아서 그만 하겠습니다...ㅡㅡㆀ
오늘 공부 끝!!~~~~~~^O^
|
|
|
 |
|
|
|
