파일 확장자가 mid 인 파일을 종종 봤을겁니다. 하지만 mid 파일은 범용적이지 않아서 mp3 파일로 변환해야만 들을수있는 경우가 많지요.저또한 차량에 usb 에 mp3를 많이 넣어 다니며 듣고 있는데 가끔 mid 인 음악파일은 mp3 로 변환해서 usb 에 넣어줍니다. mp3 로 변환해주는 프로그램은 여러가지가 있지만 가장 쉽고 또 무료인 Free MIDI to MP3 Converter 라는 프로그램을 소개하고자 합니다. mid 파일을 mp3파일로 정말 쉽게 변환할수가 있습니다. 여러파일을 한번에 변환가능하기때문에 더욱 멋진 프로그램입니다. 누구나 제한없이 사용가능한 프리웨어 프로그램이니 마음것 사용하셔도 됩니다. ① 사용법이 간단하고 여러파일을 한번에 변환할수있습니다② 프리웨어라 개인이든 기업이든 ..<
바로 어제 이쁜 점선 테두리 박스 적용하는 방법에 대해 올렸는데요 이어서 오늘은 이쁜 머릿말 만드는 방법에 대해 올릴려고합니다. 이것도 서식에 등록해놓고 필요할때마다 서식불러오기로 사용하면 매우 편리하겠지요. 서식 등록하는 방법과 불러오기 방법은 어제 올린 자료와 같으니 아래 링크 따라가서 복습하고 오세요. → 서식에 등록해두고 사용하는 이쁜 점선 테두리 박스 5가지 공개 오늘 공개하는 머릿말은 아래 세가지 스타일의 머릿말입니다. 티스토리 블로그가 아니더라도 이런 HTML 소스를 알아두시면 유용하게 사용하실수 있을것입니다. ■ 테스트 입니다 ■ 테스트 입니다. ■ 테스트 입니다. 서식등록하는 방법은 관리자 메뉴에 들어가셔서 서식관리 클릭한후 서식쓰기 클릭 한다음 html 체크박스에 체크하신후 아래 소스를..<
테스트 글자입니다 테스트 글자입니다 테스트 글자입니다 테스트 글자입니다 테스트 글자입니다 테스트 글자입니다 테스트 글자입니다 테스트 글자입니다 테스트 글자입니다 테스트 글자입니다 블로그를 작성하다보면 글을 강조하기 위해서 특별한 테두리 박스가 필요한경우가 종종 발생합니다. 이런경우를 위해서 미리 테두리 박스를 만들어 놓고 있다가 필요할때 사용하면 좋을것입니다. 저같은경우는 위 5개의 박스를 서식에 등록해 놓고 필요할때 서식에서 불러서 사용하고 있습니다.필요없는 부분은 지우면 그만이니 편리하게 사용가능합니다. 서식등록하는 방법은 관리자 메뉴에 들어가셔서 서식관리 클릭한후 서식쓰기 클릭 한다음 html 체크박스에 체크하신후 아래 소스를 복사한후 붙여넣기 합니다. 그다음 html 체크박스에 체크 해제해보시면 ..<
안녕하세요 낭만고양이 입니다. 오늘은 div 테그에 대해서 배워보도록 하겠습니다. 자주 사용하는 테그인 만큼 확실하게 공부하여 자기것으로 만드시기를 바랍니다. 이 포스팅을 보시기전에 앞강좌를 보시지 않았다면 보시고 아래링크를 따라가서 공부하고 오세요. #HTML 강좌 - 테이블(TABLE) 테그 #HTML 강좌 - 표제테크(h) 줄바꿈테그(br/p) 수평선테그(hr) #HTML 강좌 - 글자의 서식 , 주석처리 방법 #HTML 강좌 - 이미지 삽입 #HTML 강좌 - 링크걸기 ■ div 테그 개념다지기 태그는 Division의 약자로, 레이아웃을 나누는데 주로 쓰이며, 주로 CSS와 연동하여 사용합니다. HTML DIV태그.cat { color: #4674D9; line-height:32px; font-..<
안녕하세요 낭만고양이 입니다. 오늘은 음악 재생 테그에 대해서 배워보도록 하겠습니다.글자를 표현하는 가장 기본적인 테그이니 알아두시면 매우 유익할것입니다.이 포스팅을 보시기전에 앞강좌를 보시지 않았다면 보시고 아래링크를 따라가서 공부하고 오세요. #HTML 강좌 - 표제테크(h) 줄바꿈테그(br/p) 수평선테그(hr)#HTML 강좌 - 글자의 서식 , 주석처리 방법#HTML 강좌 - 이미지 삽입#HTML 강좌 - 링크걸기 ■ bgsound 테그 bgsound 테그는 인터넷 익스플로러에서만 작동합니다. 주로 홈페이지 배경음악 삽입할때 이테그를 사용합니다. 그리고 화면에 아무런 내용이 출력되지 않으므로 방문자가 음악을 끄기가 힘듭니다. loop 속성은 배경음악의 반복 횟수를 지정합니다. -1 이나 INFIN..<
안녕하세요 낭만고양이 입니다. 오늘은 table 테그에 대해서 배워보도록 하겠습니다.기본적으로 tr, th, td를 이용해서 테이블의 기본 구조는 어떻게 제작되는 지, 또한 테이블의 셀 병합은 어떻게 일어나는지에 대하여 공부하는 시간을 가지도록 하겠습니다. 제 블로그에 처음 접속하셨다면 아래 링크를 따라가서 공부하시고 오시면 더욱 많은 공부가 될것입니다. #HTML 강좌 - 표제테크(h) 줄바꿈테그(br/p) 수평선테그(hr)#HTML 강좌 - 글자의 서식 , 주석처리 방법#HTML 강좌 - 이미지 삽입#HTML 강좌 - 링크걸기#HTML 강좌 - FONT 테그 ■ 테이블(TABLE) 테그 웹 표준이 잘 지켜지지 않았던 예전에는 table 테그를 홈페이지 만들때 레이아웃의 용도로 많이 사용했습니다. 하지..<
안녕하세요 낭만고양이 입니다. 오늘은 FONT 테그에 대해서 배워보도록 하겠습니다. 글자를 표현하는 가장 기본적인 테그이니 알아두시면 매우 유익할것입니다. 이 포스팅을 보시기전에 앞강좌를 보시지 않았다면 보시고 아래링크를 따라가서 공부하고 오세요. #HTML 강좌 - 표제테크(h) 줄바꿈테그(br/p) 수평선테그(hr) #HTML 강좌 - 글자의 서식 , 주석처리 방법 #HTML 강좌 - 이미지 삽입 #HTML 강좌 - 링크걸기 ■ FONT 테그 태그는 size, color, face 3가지의 속성을 가집니다. 예제를 통해 배워보도록하겠습니다. 낭만고양이와 함께 HTML 공부를 하세요 낭만고양이와 함께 HTML 공부를 하세요 낭만고양이와 함께 HTML 공부를 하세요 ※ 위 소스가 제대로 안보이면 아래 텍..<
안녕하세요. 낭만고양이 입니다. 오늘은 링크거는 방법을 알아보도록 하겠습니다. 링크거는 테그는 아주 자주쓰여서 중요하니 잘 숙지해두시면 많은 도움이되실 겁니다. 링크가 걸린 텍스트를 클릭하면 다른 주소로 이동이 됩니다. 어떻게 링크를 거느냐에 따라 새창으로 열리면서 페이지가 열릴수도 있고 현재 페이지에서 이동할수도 있습니다. 그러면 링크를 거는 방법에 대해서 자세히 알아보도록 하겠습니다. ■ HTML 강좌 - 링크걸기 링크는 하이퍼링크라고도 하며 다른 웹페이지로 이동수 있는 글자나 이미지입니다. 예시를 통해 알아보도록 하겠습니다. 낭만고양이 블로그로 이동 ※위소스가 제대로 안보이면 아래를 보세요(모바일용) 낭만고양이 블로그로 이동 위 소스를 메모장에다가 붙여넣은다음 test.htm 으로 저장한후 실행해 ..<
앞 강좌를 거치지 않고 오셨다면 아래 링크를 따라가셔서 공부하고 오시기를 권해드립니다. → #HTML 강좌 - 표제테크(h) 줄바꿈테그(br/p) 수평선테그(hr) → #HTML 강좌 - 글자의 서식 , 주석처리 방법 ■ html 을 사용해서 이미지 삽입하기 ※위소스가 제대로 안보이면 아래를 보세요(모바일용) 위 소스를 메모장으로 붙여넣은다음 test.htm 으로 저장한후 실행해보세요. 저장하실때 파일형식을 모든파일로 변경하셔야합니다. 그러면 아래와 같이 이미지가 나타날것입니다. 이미지의 주소를 알면 이렇게 테그를 사용해서 이미지를 넣을수가 있습니다. 자 그럼 소스를 하나하나 분석해보도록 하겠습니다. 의 형태가 기본골격입니다. src 는 주소를 의미합니다. 여기서 추가로 alt 라는 테그가 나오는데 이것..<
바로 앞 강좌에서는 표제테크(h),줄바꿈테그 (br/p),수평선테그(hr) 에 대해서 알아보았습니다. 앞 강좌를 거치지 않고 오셨다면 아래 링크를 따라가셔서 공부하고 오시기를 권해드립니다. #HTML 강좌 - 표제테크(h) 줄바꿈테그(br/p) 수평선테그(hr) http://disital.tistory.com/56 ■ 글자의 서식 글을 쓰다가 중요한 부분이 있으면 굵게 처리하거나 기울임 처리 또는 밑줄긋기도 합니다. HTML에서도 이처럼 글자의 서식을 바꿀 수 있는 테그가 있습니다. 서식을 바꾸는 테그는 굵게, 강조, 기울임꼴, 밑줄, 취소선, 아래 첨자, 위 첨자 이렇게 7개가 흔히 쓰이는 태그입니다. 여기서 굵게와 강조비슷해서 어떤차이가 있는지 궁금할 수도 있는데, 굵게는 단순히 글자를 굵게 하지만 ..<