키스맥 - html강좌 매킨토시 전문 웹 매거진 웹진

  + 파일메이커 기초편
  + 4th Dimension
  + 리얼베이직
  + OS X 10.3
  + 홈페이지 만들기
  + 포토샵 강좌
  + 디카 완전정복
  + 실무로 배우는 Quark
  + MLayout
  + iPod 강좌
  + html 강좌
  + 간단매뉴얼&팁
  + 5세대 iPod 강좌
  + iTunes 한 컷 강좌
  + iPod 한컷강좌
            


8회. 테이블 -1-


거의 모든 html페이지는 테이블로 이루어져있다. 물론 개인홈페이지나 이미지, 플래시만으로 이루어진 홈페이지는 제외하고 말이다. 검색사이트나 포털사이트에 접속하여 소스보기를 해보면 알 수 있을 것이다.
테이블을 사용하면 깔끔한 레이아웃을 바탕으로 홈페이지를 작성할 수 있다.

2행 3칸의 테이블을 만드는 방법은 위와 같다. 먼저 테이블 시작태그 table을 쓰고 속성들을 지정한 후 행과 칸수에 맞추어 tr과 td를 써준다. <td>와</td>가 하나 하나의 칸, <tr>과 </tr>은 한 줄을 나타내며 <td>를 포함한다. <td></td>사이에 새로운 테이블포함이 가능하며 이는 몇개든지 가능하지만 포함이 많은 경우 소스보기가 힘들기 때문에 잦은 중첩은 피하는 것이 좋다. 또한 윗줄과 아랫줄의 칸수를 일치시켜야 테이블이 정상적으로 보여진다. 줄마다 칸수를 다르게 하는 방법은 다음 회에 알아보겠다.



= 0 ~ 커질수록 테이블 테두리의 두께가 굵어진다. 0일 경우 테두리가 보여지지 않는데 이방법은 홈페이지 디자인에서 전체 레이아웃을 잡을때 주로 사용한다.


= 0 ~ 커질수록 테이블의 폭이 넓어진다.

픽셀 단위로 넓이를 조절하려면 숫자만 써주면 되고, 웹브라우저에 상대적으로 크기를 조절하려면 숫자 뒤에 %를 써준다.100%는 브라우저에 꽉 차게 표현된다.



= 0 ~ 커질수록 테이블의 높이가 높아진다

단위 표현은 width와 같다.


= 0 ~ 커질수록 테두리 간의 간격이 넓어진다.

픽셀단위로 지정한다.


= 0 ~ 커질수록 테두리와 내용의 간격이 넓어진다.

픽셀단위로 지정.

다음회에는 tr td의 속성 및 합치기 기능에 대해 알아보겠다.



Nano돌이 : html강좌를 열심히 보고 있습니다. 언제쯤 9회가 나오나요?
기대가 됩니다.
(12월01일)
현재글 - 8회. 테이블 -1-
이전글 - 7회. 링크
 번호 제 목등록일      
  8  8회. 테이블 -1- (1)  2004-09-17  
  7  7회. 링크 (0)  2004-09-10  
  6  6회. 동영상 태그 (0)  2004-08-27  
  5  5회. 이미지 태그 (0)  2004-08-20  
  4  4회. 글꼴관련 태그를 익히자 (0)  2004-08-13  
  3  3회. html 기본문법 (0)  2004-08-03  
  2  2회. ftp와 파일 업로드 (0)  2004-07-23  
  1  1회. html이란 (0)  2004-07-16  
 
1
 
이름 제목 내용


Copyright by kissmac