간판없는 컴퓨터 교습소/HTML&CSS11 HTML 기초강좌, 테이블 만들기 [테이블 여백지정, 병합태그, 배경지정] HTML 기초강좌, 테이블 만들기 [테이블 여백지정, 병합태그, 배경지정] 쿠쿠리의 HTML 기초강좌! 오늘은 예고를 해드린대로 테이블 태그에 대해서 알아보도록 하겠습니다. 테이블 태그는 홈페이지를 제작할 때 기본으로 사용되는 태그라고도 할 수 있습니다. 테이블을 통해서 구획을 나누고 구획별로 컨텐츠를 넣게 되는거죠. 지금은 간단한 테이블 만들기를 하겠지만 나중에 홈페이지 제작 강좌를 쓸 때에는 그 활용도가 굉장히 높아질 태그라고 할 수 있겠습니다. 자 그럼 가장 기초적으로 테이블을 만드는 방법을 알아보겠습니다. 테이블을 만들때 가장 기초가 되는 태그가 바로 태그입니다. 태그는 테이블을 생성하는데 사용되며 가장 처음과 끝에 위치하게 됩니다. 행 열기 태그라고 보시면 됩니다. 사이에 들어가는 내용이 한 행.. 2014. 4. 11. HTML 기초강좌, 이미지 포맷 알아보기! [JPEG GIF 백터 애니메이션GIF] HTML 기초강좌, 이미지 포맷 알아보기! [JPEG GIF 백터 애니메이션GIF] 쿠쿠리의 HTML 기초강좌! 오랜만에 다시 찾아왔습니다. 사실 쿠쿠리가 강좌를 할만큼의 지식이 있는게 아닙니다. 첫 포스팅때도 말씀을 드렸었는데 그냥 제가 공부하면서 습득한 정보를 제 블로그를 찾아주시는 분들과 함께 나누고 싶어서 강좌를 쓰고 있습니다. 사실 말만 강좌지 그냥 제가 복습하는 것이나 다름없습니다. 같이 공부해나간다고 생각하시고 포스팅 참고하셔서 의문점이 드시는 부분에 대해서는 같이 고민해봐요! 자 본론으로 돌아와서 오늘은 강좌라기 보다는 이미지 포맷에 대해서 알아보려고 합니다. 보통 홈페이지를 제작할 때 많이 쓰이는 이미지 포맷은 JPEG, GIF 이 두 종류입니다. 간혹 PNG 파일도 쓰기는 쓰지만요 JP.. 2014. 4. 10. HTML 기초강좌, 이미지 삽입태그 및 이미지크기 조절태그 HTML 기초강좌, 이미지 삽입태그 및 이미지크기 조절태그 HTML 기초강좌! 이번 강좌에서는 태그를 이용해서 이미지를 삽입하는 방법과이미지의 크기를 조절하는 태그 그리고 마우스를 가져다 댔을 때 이미지의 설명을 보여주는 태그들에 대해서 살펴보도록 하겠습니다. 아주 흔하게 많이 쓰이는 태그니까 꼭 ~ 끝까지 두눈 크게 뜨고 봅시다! 오늘은 3종류의 예시를 가지고 이미지 삽입 태그에 대해서 살펴보도록 하겠습니다.우선 가장 기초가 되는! 단순히 이미지만 삽입하는 태그를 살펴보겠습니다. 이미지 삽입 태그의 기초는 img src=" " 바로 이 태그입니다.어떤 이미지든지 큰 따옴표 안에만 들어가면 표시가 되게 되는것이죠.위의 태그를 적용하면 아래처럼 이미지가 표시됩니다. 단순히 이미지를 가져오는 게 바로 img.. 2014. 3. 29. 이미지 삽입태그 용 소스 2014. 3. 29. HTML 기초강좌 [링크태그] 새창으로 링크열기, 페이지내부에서 링크걸기 HTML 기초강좌 [링크태그] 새창으로 링크열기, 페이지내부에서 링크걸기 오랜만에 찾아온 쿠쿠리의 HTML 기초강좌! 기본 강좌에서는 링크태그에 대해서 집중적으로 살펴볼텐데요. 링크태그는 이거만 알면 끝난다고 봐도 무방합니다. 링크태그의 전부이자 뼈대라고 할 수 있는 소스죠. 좀더 자세히 살펴보겠습니다. 쿠쿠리블로그 링크를 만든다고 가정했을 때 표시될 글자는 '쿠쿠리블로그'가 되는 것이구요. 쿠쿠리블로그라는 글자를 클릭했을 때 연결할 페이지가 주소가 되는 것입니다. 어떠한 방식이든 저러한 포맷 안에서 변경하여 사용이 가능합니다. 잘 모르시겠다구요? 좀 더 심도있게 살펴보도록 하겠습니다. 새창에서링크열기 태그 두개의 링크를 만들었는데요. 두 링크의 차이점은 뭘까요? 잘 보시면 앞부분 까지는 똑같은데 아래에.. 2014. 3. 27. 페이지 내에서 링크걸어 이동하기 예시 페이지 쿠쿠리의 HTML 기초강좌 쿠쿠리의 HTML기초강좌 공백태그란 무엇인가? 링크태그란 무엇인가? 태그로 폰트조절하기 메일보내기 링크만들기 공백태그란 무엇인가? 첫번째로 살펴볼 태그는 공백태그 입니다. HTML에서 공백은 여러가지가 있는데요. 이번에 소개해드리는 공백은 우리가 흔히 쓰는 스페이스바! 그 공백을 입력해주는 태그입니다. 보통 태그들은 앞뒤에 괄호가 붙는데요. 이 공백태그는 다른 괄호없이 이렇게 단독으로 사용합니다. 대부분 컨텐츠를 작성할 때 스페이스바를 인식하여 따로 이 태그를 쓰지 않아도 되지만 이미지를 넣거나 스페이스바 공백을 인식하지 못하는 경우 직접 입력하여 사용하실 수 있습니다. 상단메뉴로가기 링크태그란 무엇인가? 링크태그의 기본은 [a href="링크를 걸고자 하는 주소"] 표시내용 .. 2014. 3. 27. 이전 1 2 다음
