안녕하세요 낭만고양이 입니다. 오늘은 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..<
→ PSTART 프로그램이란? 설치가 필요없는 무설치 프로그램들 또는 휴대용으로 사용가능한 포터블 프로그램들을 USB 같은 메모리에 저장해서 가지고 다니면서 사용하면 매우 편리하겠지요.하지만 이런 파일들을 그냥 폴더에 보관해서 사용하기 보다 바로가기를 메뉴로 만들어주는 런쳐 프로그램을 사용해서 메뉴들을 그룹화해서 관리한다면 보다 빨리 프로그램들을 찾고 실행할수가 있습니다. 보기도 훨씬 편합니다.이렇게 해주는 대표적인 프로그램이 PSTART 라 할수가 있습니다. >>다운로드<
앞전에 무료 배포중인 반응형 스킨 2종 추천해드렸는데요. 무료배포중인 반응형 스킨 2종 강력추천 http://disital.tistory.com/31 그중에서 FastBoot 스킨에 대해서 앞으로 쭉 포스팅을 할 예정입니다.저도 FastBoot 스킨을 사용하고 있기에 관심이 많네요.FastBoot 스킨의 장점이라면 사이드바에 추천글 모듈을 넣을수있다는 장점이 있구요 그리고 카테고리 메뉴라던가 글쓰기 메뉴 설정 메뉴 등이 여러군데 있어서 접근하기가 쉽다는점 등이 있겠습니다.그럼 본격적으로 FastBoot 최상단 블로그 이름 기본 색상변경하는 방법을 알아가보도록 하겠습니다.원래는 검정색일거예요 저는 아래와 같이 색상을 바꾸어 보았습니다. 그럼 어떻게 색상을 바꿀수 있는지 알아보도록 하겠습니다.블로그 관리에 ..<
이전 포스팅과 아주 유사한 부분이 많으므로 바로 앞에 포스팅을 한번 읽어보시는것도 도움이 될것 같습니다. 국가별 접속자수 사이드바에 추가하기 [Fast Boot 스킨 꾸미기] http://disital.tistory.com/34 구글 웹사이트 번역기를 설치해 놓으면 다른 나라에서 자신의 블로그로 유입되었을때 해당 나라의 언어로 번역해줌으로써 보다더 블로그에 있는 시간을 늘여줄수 있다고 생각합니다. 그래서 이번에는 구글 웹사이트 번역기를 사이드바에 설치 하는 방법을 알려드리고자 합니다. 먼저 아래 주소를 클릭하세요. https://translate.google.com/manager/website/ 접속하면 위와 같은 페이지가 나옵니다.웹사이트에 지금 추가 버튼을 눌러주세요. 자신의 블로그 주소를 넣고 다음..<
티스토리는 기본적으로 '글 보내기' SNS 공유 플러그인을 제공하고 있습니다.포스트 하단에 아래 이미지 처럼 페이스북, 트위터, 카카오스토리,네이버 등등 SNS 공유하기 버튼을 달아 놓는다면 더 많은 방문자가 자신의 글을 보러 올수있을겁니다. 요즘은 SNS 가 대세인 만큼 SNS 를 잘 활용하신다면 좋은 성과가 있을겁니다. 그래서 이번 시간에는 SNS 공유하기 아이콘을 포스트 하단에 달아 보도록 하겠습니다.포스트 하단에 SNS 공유 아이콘 넣기먼저 아래 파일들을 다운받아놓으세요. 티스토리 관리자 메뉴에서 스킨편집 클릭 HTML 편집 클릭 하세요.그다음 파일업로드 클릭한다음 추가버튼 클릭하세요.그리고 다운받은 아이콘 파일들을 모두 업로드 해줍니다.그러면 images 폴더 아래로 업로드가 될겁니다.이제 다시..<