div 테그에서 쉽게 가운데 정렬하는 방법을 알려드리겠습니다. 여기에 내용을 입력하세요 위와 같이 적으시면 됩니다. css 를 이용하는 방법도 있지만 전 이게더 간편하고 좋더군요.오늘은 그냥 간단한 팁이였습니다.<

안녕하세요 낭만고양이 입니다. 오늘은 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개가 흔히 쓰이는 태그입니다. 여기서 굵게와 강조비슷해서 어떤차이가 있는지 궁금할 수도 있는데, 굵게는 단순히 글자를 굵게 하지만 ..<

안녕하세요 낭만고양이 입니다 이번 시간에는 html 에서 아주 중요한 표제테크(h),줄바꿈테그 (br/p),수평선테그(hr)에 대해 알아보도록 하겠습니다. 가장 기본이 되는 테그이기 때문에 알아두시면 아주 유용할것입니다. ■ 표제테그 h1,h2,h3,h4,h5,h6 h1 낭만고양이와 함께 배우는 쉬운 html h2 낭만고양이와 함께 배우는 쉬운 html h3 낭만고양이와 함께 배우는 쉬운 html h4 낭만고양이와 함께 배우는 쉬운 html h5 낭만고양이와 함께 배우는 쉬운 html h6 낭만고양이와 함께 배우는 쉬운 html ※위소스가 제대로 안보이면 아래를 보세요(모바일용)h1 낭만고양이와 함께 배우는 쉬운 html h2 낭만고양이와 함께 배우는 쉬운 html h3 낭만고양이와 함께 배우는 쉬운 h..<