태그코리아

[야후에서도 못찾아?? 그럼.. 캐넌이 찾아주까??..^^;]



    
H O M E
회원가입인사
태그게시판
자유게시판
추천사이트
실시간채팅방
  태 그 연 습 장



자연을 닮은 사람들
수원개인용달
테이블태그

테이블태그

www.tagkorea.pe.kr




(1) 기본형 표 만들기


<table border="숫자">                : 표시작, 표테두리

<caption>(표제목)</caption> : 표제목 지정

<th>(헤더내용)</th> : 헤더 내용 지정(굵은 글꼴) <tr> : 줄끝남 지정 <td>(셀내용)</td> : 셀내용 지정



(2) 합쳐진 셀의 표 만들기


   <TH ROWSPAN=(셀갯수)>.....</TH>  :  헤더에서 셀갯수의 줄을 합친다.
   <TH COLSPAN=(셀갯수)>.....</TH>  :  헤더에서 셀갯수의 칼럼을 합친다.
   <TH ROWSPAN=(셀갯수)>.....</TH>  :  셀내용에서 셀갯수의 줄을 합친다.
   <TH COLSPAN=(셀갯수)>.....</TH>  :  셀내용에서 셀갯수의 칼럼을 합친다.


(3) 표 크기 조정과 정렬


  • 표 크기 조정
    <TABLE BORDER=(숫자) WIDTH=(픽셀수)>.....</TABLE> : 표테두리굵기, 넓이 조정 <TABLE BORDER=(숫자) HEIGHT=(픽셀수)>.....</TABLE> : 표테두리굵기, 높이 조정 <TABLE BORDER=(숫자) WIDTH=(픽셀수) HEIGHT=(픽셀수)>.....</TABLE> : 표테두리굵기, 넓이, 높이 조정
  • 정렬
    <TH ALIGN=LEFT>.....</TH> : 헤더 내용을 셀 왼쪽으로 정렬 <TH ALIGN=CENTER>.....</TH> : 헤더 내용을 셀 가운데로 정렬 <TH ALIGN=RIGHT>.....</TH> : 헤더 내용을 셀 오른쪽으로 정렬 <TD ALIGN=LEFT>.....</TD> : 셀 내용을 셀 왼쪽으로 정렬 <TD ALIGN=CENTER>.....</TD> : 셀 내용을 셀 가운데로 정렬 <TD ALIGN=RIGHT>.....</TD> : 셀 내용을 셀 오른쪽으로 정렬




  • ▶기본테이블태그

    태그소스
    결 과
    <table border=1> <tr> <td>태그코리아</td> </tr> </table>
    태그코리아
    <table border=1> <tr> <td>태그코리아</td> <td>자바소스</td> </tr> </table>
    태그코리아 자바소스
    <table border=1> <tr> <td>글씨태그</td> <td>그림태그</td> </tr> <tr> <td>음악태그</td> <td>폭탄태그</td> </tr> </table>
    글씨태그 그림태그
    음악태그 폭탄태그


    ▶테이블태그예제

    예제 - 1행2열 표 예제 - 2행3열 표 예제 - 3행4열 표
    <table border="1" bordercolor="red" width="100">
     <tr>
      <td>1</td>
      <td>2</td>
     </tr>
    </table>
    <table border="1" bordercolor="blue" width="100">
     <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
     </tr>
     <tr>
      <td>4</td>
      <td>5</td>
      <td>6</td>
     </tr>
    </table>
    <table border="1" bordercolor="ff00ff" width="100">
     <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
     </tr>
     <tr>
      <td>5</td>
      <td>6</td>
      <td>7</td>
      <td>8</td>
     </tr>
     <tr>
      <td>9</td>
      <td>10</td>
      <td>11</td>
      <td>12</td>
     </tr>
    </table>
    결과
     1 2
    결과
    1 2 3
    4 5 6
    결과
    1 2 3 4
    5 6 7 8
    9 10 11 12


    ▶테이블의 부가적인 속성

    부가적인 속성 기능
    border="수치" 표의 테두리 두께를 조정해줍니다.
    bordercolor="색상" , "색상코드" 표의 테두리의 색을 지정합니다. 위의 예제에 보시면 테두리의 색이 각자 틀리다는 것을 알수 있을겁니다.
    WIDTH="수치" , "수치%" 표의 가로넓이를 지정된 수치만큼 정해줍니다. 백분율 사용가능합니다.
    HEIGHT="수치" , "수치%" 표의 세로넓이를 지정된 수치만큼 정해줍니다. 백분율 사용가능합니다.
    CELLSPACING="수치" 셀의 구분 선굵기를 조정합니다.
    CELLPADDING="수치" 셀의 안쪽여백의 간격을 조정합니다.
    bgcolor="색상" , "색상코드" 표의 배경색을 지정해줍니다.




    - 태그코리아소개 - 광고문의 - 제휴문의 -

    Copyright@ TAGKOREA 2000-2009 All Rights reserved.