HTML! 그것이 알고 싶다.

[소옴닭]

◆ 홈페이지에 사운드 넣기 ◆ ※ 자동으로 사운드 재생(넷스케이프 3.0, 익스플로러 3.0 이상) 문서가 열리면서 배경음악이 연주 됨. ◆ 태그를 이용하여 Source 지정. 태그의 방법: ※" " 안에 음악파일의 주소를 씁니다. ※ 사용가능한 옵션: LOOP (반복회수를 지정) ◆태그를 이용한 방법 태그의 방법 : ＜A HREF="sound.mid">음악파일 '음악파일'이란 링크부분을 마우스로 클릭하면 'sound.mid'라는 사운드파일을 플레이해주는 윈도우가 새롭게 만들어지고, 사운드 파일을 로드한 다음 자동으로 플레이됩니다. ◆ 배경음악으로 사운드넣기 사운드를 배경음악으로 넣고 싶을 때는 태그를 이용하면 됩니다. 그러면 홈페이지에 접속하면 자동으로 배경음악이 나옵니다. 여기에 쓰인 'AUTOSTART' 옵션은 'TRUE'라고 지정하면 홈페이지에 접속하면 자동으로 음악이 플레이 됩니다. 원하지 않을 경우에는 'FALSE'로 지정하면 됩니다. 'HIDDEN'옵션은 음악을 정지하고 플레이하는 조절판이 보이지 않게 할 때 쓰이는 옵션입니다. 조절판을 보이게 하려면 WIDTH=100 HEIGHT=60 같은 식으로 조절판의 크기를 적어주면 됩니다. 물론 위치도 ALIGN="right"처럼 해주면 조절판이 오른쪽으로 위치되죠. 'LOOP'옵션은 음악을 몇 번 반복할 것인가를 정해 주게 됩니다. infinite는 계속 반복을 나타냅니다. 한번만 나오게 하려면 'LOOP=1'이라고 적어주면 되겠죠? ◆ 홈페이지에서 사용가능한 사운드 아직까지 동영상의 경우는 파일의 크기가 커서 일반인이 제공하기에는 좀 벅차지만 사운드는 음성이나 음악을 홈페이지에 삽입하는 것은 생각보다 간단합니다. 이렇게 사운드를 지원하는 경우 홈페이지의 인사말과 음악에 관심있는 사람이 좋아하는 음악을 소개하는 것도 가능합니다. 음악의 경우 저작권 문제가 대두되고 있기 때문에 상용되고 있는 음악들을 제공할 때는 주의해야 합니다. 우리가 인터넷에서 사용할 수 있는 사운드 파일 포맷에는 다음과 같은 것들이 있습니다. ◆ MIDI 배경음악으로 사용할 수 있는 파일에는 midi 파일과 wav 파일이 사용됩니다. 그중 ※ midi는 wav에 비해 용량이 매우 적어서 많이 사용되고 있죠. 확장자는 mid입니다. ◆글자 에 대한 태그◆ 글자변화주기의 모든 태그는 입력시킨 내용로 합니다. 1) 글자 크기 조정하기. ~~ 만약 '안녕'이란 글자를 기준치 보다 크게 하고싶을때는아래처럼 태그를 써줍니다. 예) ＜FONT SIZE="5">안녕 "5"라는 수치만큼 글자가 커집니다.<이때 숫자는 픽셀/PIXEL 이라는 단위입니다> 2) 글자 색상 변화. ~~ '안녕'이라는 글자를 빨간색으로 하고 싶다면 예) ＜FONT COLOR="RED">안녕 입니다. 3) 글자의 모양을 바꾸고 싶을때. ~~ '안녕'이라는 글자를 명조체로 바꾸고 싶다면.. 예) ＜FONT FACE="명조체">안녕 4) 그럼 위에 모든 태그를 한꺼번에 쓰고 싶을때는. 예) 안녕이라는 글자를 빨간색으로 명조체로. 안녕 ※ 글꼴 변환(FACE)은 지정된 글꼴이 "C:\windows\fonts" 디렉토리에 설치되어 있어야 합니다. ※ 태그는 대소문자 구분이 없습니다 글자를 움직이기 위해서는 글자 앞뒤에 ~~ 를 써넣으면 돼지요. <예제> ~~

기본형으로 왼쪽으로 무한 루프입니다. ~~

오른쪽 왼쪽으로 왔다갔다 합니다 ~~

왼쪽에서 와서 멈춤니다 ~~

오른쪽으로 계속 흐릅니다. ~~

움직이는 속도를 나타냅니다 ~~

움직이는 속도를 나타냅니다<숫자가 적을수록 느리게> ~~

움직이는 속도를 나타냅니다. <숫자가 적을수록 느리게> ~~

움직임이 지연되는 속도를 지정합니다. ~~

왼쪽으로 3회 반복합니다. 숫자는 횟수를 나타냅니다. ~~

글자에 바탕을 주는 경우입니다.<노란색 바탕> ~~

아래로 계속 떨어지는 경우입니다. ◆예제◆ 밑에 있는 봉투그림을 원하는 곳에 넣을려면... 아래 주소를<파란색 주소> 복사한 다음, 넣고 싶은곳에서 다시 붙혀넣기를 합니다. http://myhome.netsgo.com/angel98/icon/email/email016.gif ◆그 다음은 ◆ 이미지 삽입 태그인 ＜img src=" "＞를 사용하지요. ◆그럼 답은 ◆ ＜img src="http://myhome.netsgo.com/angel98/icon/email/email016.gif"＞입니다. 그림이 이제 화면에 보입니다. ◆복사와 붙혀넣기는 어떻게할까요?◆ ●복사-- 주소를 드래그＜※ 마우스를 누른채 옆으로 이동합니다.그러면 파랑색으로 주소가 반전되죠?＞ 한후 우측마우스키를 누르면 복사가 보입니다. ●붙혀넣기-- 넣고싶은 곳에 위치한후 마우스 우측버튼을 누르면 붙혀넣기가 보입니다.그걸 클릭 아시겠죠 ?? ◆이미지로 링크하기 ＜A HREF="링크할곳의파일명">＜IMG SRC="이미지파일명"> 다른 HTML문서로 링크하여 이동하는데 텍스트를 클릭하여 링크되는 것과 달리 이미지를 삽입하여 그 이미지를 클릭하면 링크되는 방식으로 좀더 보기 좋게 만들 수 있겠죠? ＜A＞ ~ ＜/A＞사이에 ＜IMG SRC=""＞태그를 삽입하여 화면에 보이는 이미지를 클릭하면 됩니다. 그런데 이미지를 ＜A＞태그에 삽입하니까 이미지 주변에 테두리선이 생기게 됩니다. 이건 어떻게 없앨까요? 간단합니다. ＜IMG SRC=" " ＞ 태그 뒤에 BORDER="0"라는 옵션을 주면 테두리선이 없어집니다. ＜IMG SRC="이미지" BORDER="0"＞ 이미지의 테두리선 : ＜IMG SRC="이미지파일명" BORDER="픽셀 수"＞ ◆ 예제 ◆ 연결하고자 하는 곳이 board.htm 이고, 이미지welcom.gif를 클릭하면 링크가 됩니다. ＜A HREF="board.htm">＜IMG SRC="welcom.gif"> 이건 테두리선이 나타나게 됩니다. ＜A HREF="board.htm">＜IMG SRC="welcom.gif" BORDER="0"> ※ BORDER="0"를 써주면 테두리선이 없어지죠 ◆글자 클릭하면 이동하기 〈A HREF="링크할 곳의 주소 또는 파일"> 링크시킬 이름 야후 가기 ◆ 결과 야후 가기 야후 가기를 누르면 yahoo.co.kr 로 이동하게 됩니다. ◆인터넷상의 주소를 그냥 적어주어도 그곳으로 이동하게 됩니다 ◆카페 꾸미기는 어디서 카페에 글자나 이미지 또는 음악을 넣으실려면 본인 카페 상단의 "카페관리"라는 글자를 누르면 카페관리 목록이 나옵니다. 거기에서 "주인백" 자리가 나오는데 바로 그 란이 카페 꾸미기에 필요한 태그를 넣을수 있는 곳입니다. ◆ 글을 올릴때 글씨색깔 또는 크기를 변경하고 싶다면. ~~ 글씨색깔이나 크기를 변경하고자 하신다면 아래와 같은 HTML태그를 이용하시면 됩니다. 우선 글씨색깔을 변경하고자 하실경우에는 라는 태그를 이용하시면 됩니다. 그리고 font태그를 이용하실때에는 라고 열어주고 난후 쓰시고싶은 내용을 쓰신다음 종료할때에는 반드시 로 막아주어야 됩니다. 예를들어 설명을 드리겠습니다. 사용자님이 I LOVE HANMAIL.NET !!!이라는 문장을 파란색으로 하시고 싶으실때는 아래와 같이 쓰시면 됩니다. I LOVE HANMAIL.NET !!!라고 쓰시면 아래와 같이 변경이 될것입니다. I LOVE HANMAIL.NET !!! 다음으로 크기를 변경하고자 할경우도 또한 색깔과 같습니다. 다른 설정사항들은 모두 같으며 color대신 size를 쓰시면 되는것이죠. 즉 I LOVE HANMAIL.NET !!!라고 쓰시면 I LOVE HANMAIL.NET !!!로 변하게 됩니다. 여기서 +2글자 크기를 말하는데 +1, +3등으로 변경하시면 됩니다. 그리고 글자크기와 색깔을 같이 변경하고자 하실경우에는 아래와같이 쓰시면 됩니다. I LOVE HANMAIL.NET !!!라고 쓰시면 아래와 같이 변경이 됩니다. I LOVE HANMAIL.NET !!! 이젠 색깔등을 변경할수가 있겠죠. 이러한 언어를 HTML언어라고 하는데, 더 자세히 아시고자 하신다면 HTML관련 서적을 이용하시기 바랍니다. (줄바꿈을 할때에는 문장끝에 반드시
라는 줄바꿈 태그를 쓰시기 바랍니다.) 이미지 태그에 ALT 옵션을 사용합니다. ※ 만약 love라는 이미지에다 스카이 러브를 링크할 경우 이미지에 그 링크에 대한 설명을 부여합니다. ◆ 위와 같은 공식으로 하시면 됩니다 TARGET="_blank" 새로운 창을 작성합니다. TARGET="_self" 클릭한 창에 나타냅니다. TARGET="_top" 창의 전체 페이지에 문서가 나타납니다. TARGET="_new" 새로운 창을 작성한다. _blank와 동등한 기능을 합니다