기본적인 태그는 글을 적을때 필요하다면, 

테이블 태그는 본문에 블로그광고를 설치할때 가장 필요한 태그입니다.
특히 테이블의 원래 목적인 표의 역할보다는 블로그 광고설치할때 자주 사용하기때문에
광고를 설치할때 필요한 내용 위주로만 글을 적었습니다. 
나머지 부분은 뒷부분에 간단하게 정리만 했습니다. 
초보분들을 위해서 정리를 했기때문에 고수분들은 안보셔도 됩니다. ^^;



■ Table 태그 속의 TR,TD

테이블 태그는 아파트한채에 층수를 정하고 방갯수를 정하고 만든다는 생각을하시면됩니다. 
Table은 아파트, TR은 아파트의 층이고 TD가 그 안의 방이라고
생각을 하시면됩니다.



■ TD




▶ 1층짜리 아파트에 방을 1칸을 놓으려면 아래처럼 하시면 됩니다.


<table width= 50%>
<tr>
<td>1층 방1 </td>
</tr>
</table>




1층짜리 아파트에 방을 2칸을 놓으려면 아래처럼 하시면됩니다.
활용한예 (
보러가기)

<table>
<tr>
<td>1층 방1</td><td>1층 방2</td>
</tr>
</table>




1층짜리 아파트에 방을 3칸을 놓으려면 아래처럼 하시면됩니다.
▶ 광고를 3개 나열할때 사용하시면됩니다.

<table>
<tr>
<td>1층 방1</td><td>1층 방2</td><td>1층 방3</td>
</tr>
</table>




■ TR


 2층짜리 아파트에 방을 한칸만 놓으려면 아래처럼 하시면됩니다.
활용한 예 (
보러가기

<table>
<tr>
<td> 2층방1</td>
</tr>
<tr>
<td> 1층방1</td>
</tr>
</table>






2층짜리 아파트에 방을 두칸을 놓으려면 아래처럼 하시면됩니다.

 <table>
<tr>
<td> 2층방1</td><td> 2층방2</td>
</tr>
<tr>
<td> 1층방1</td><td> 1층방2</td>

</tr>
</table>




■ 테이블  옵션


Width="숫자"
또는
Width="퍼센트"
<table width="20px">
<tr width="20%">
<td width="20px">
아파트 가로 넓이조절
층의 가로 넓이조절
방의 가로 넓이조절
Height="숫자"
또는
Height="퍼센트"
<table height="20px">
<tr height="20%">
<td height="20px">
아파트 세로 높이조절
층의 세로 높이조절
방의 세로 높이조절
bgcolor="색이름"
또는
bgcolor="색코드"
<table bgcolor="blue">
<tr bgcolor="4E4AEE">
<td bgcolor="blue">
아파트,
층,
방의 배경색을 지정
border="숫자" <table border="1"> 테이블선두께
align="center" <tale align=center>  표의 가운데로정렬



■ 후기

이웃분이 table태그를 모른다고 하셔서 간단하게 나마 테이블태그를 정리해봤습니다. (__)꾸벅~!




댓글을 달아 주세요

  1. 배너나, 광고배치시 아주 유용한 정보이군요 +_+
    티비님, 주말 마무리 잘하세요~~

    2010.05.23 16:53 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 네~ 이거랑 전에 말한 기본태그만알면
      블로그하는데는 크게 지장이없을것 같아요 ^^;;

      바티스타님도 즐거운 주말보내세요!

      2010.05.23 16:54 신고 [ ADDR : EDIT/ DEL ]
  2. 전 그냥 에디터로 쉽게..ㅋ 잔머리 굴리는거죠..ㅎㅎ
    물론 기본은 어느정도 알고 있어야 추가나 수정은 쉽겠죠..^^

    2010.05.23 17:05 신고 [ ADDR : EDIT/ DEL : REPLY ]
  3. 아~친절하게 테이블 태그 올려 주셨네요~
    저도 광고 올릴때 유용하게 한번 써 보겠습니다.

    이웃블로거들의 요청에 언제나 친절한 답변 및
    포스팅으로 응하시는
    티비님 모습에 항상 감동받고 갑니다.~
    즐거운 저녁 보내세요~!!!

    2010.05.23 17:10 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 이웃분에 친절한게 아니라 제가 포스팅거리가 없어서 그래요 ㅠㅋ
      기본적인것만 이해하시면~ 간단하게 응용하실수 있으실꺼예요

      즐거운 주말 마무리하세요!! ^^

      2010.05.23 17:13 신고 [ ADDR : EDIT/ DEL ]
  4. 블로그 하면서 html처음 알았는데 지금 책사서 공부해야 하나
    고민중에 있었어요 일단 위의 내용부터 달달달 외워야겠어요
    감사^^ 저도 무조건 따라하면서도 무슨의미일까라는 생각을
    많이 했는데 아하~~ 이런의미가^^ 하나씩 배워가다 보면
    익숙해질때가 있겠죠 어쩜 저에게 필요한 자료만 올리시는지 ㅋㅋㅋ ^^*

    2010.05.23 17:46 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 활기님 2층에 방한칸짜리가
      그때 구글링크단위 광고였어요 ㅎㅎ 2층엔 그림 1층엔 구글광고요 !!
      기본태그랑 테이플태그 대충만 아시면
      나머지는 아실 필요없으실꺼예요 ^^;

      즐거운 주말 마무리하세요!

      2010.05.23 17:49 신고 [ ADDR : EDIT/ DEL ]
    • 저도 이번에 본문내에(사진하단)광고넣으면서
      좀 이해를 했습니다 ㅋㅋㅋ 그래도 배워가는 재미가
      솔솔 하네요 (늘 배우기만 한답니다 ㅋㅋ^^)

      2010.05.23 17:56 신고 [ ADDR : EDIT/ DEL ]
    • 웹사이드 랭킹 6위등극하신분이 겸손하시기까지!!
      다음에 방문하실때 블로그에 싸인좀 해주세요!!!!

      2010.05.23 17:57 신고 [ ADDR : EDIT/ DEL ]
  5. 비밀댓글입니다

    2010.05.23 18:00 [ ADDR : EDIT/ DEL : REPLY ]
  6. 과거 이런 사진을 모르고 홈페이지를 만들었을 때 꼴딱 밤을 많이 세곤 했었습니다.
    좋은 정보 자세히 설명해주셨습니다.

    2010.05.23 18:17 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 예전 이야기하니 메모장으로 홈페이지를 만들던때가 생각이나네요 ^^;;
      유용하게 봐주셔서 감사드립니다. !!
      주말 마무리 잘하세요 !!

      2010.05.23 18:23 신고 [ ADDR : EDIT/ DEL ]
  7. 비밀댓글입니다

    2010.05.23 19:25 [ ADDR : EDIT/ DEL : REPLY ]
  8. 오~~ 방개념으로 알기 쉽게 설명해주셔서 쏙쏙 들어오네요...
    나중에 유용히 써먹을수 있을것 같습니다..

    2010.05.23 21:10 신고 [ ADDR : EDIT/ DEL : REPLY ]
  9. 아파트에 비유해서 표현하셨네요^^;;

    2010.05.23 21:30 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 갑자기 예전에 처음 html 배울때 책에서
      비슷한 표현을 한게 생각이나서
      포스팅에 핞번 이용해봤어요 ^^;;
      너무 식상한가요 -0-;

      2010.05.23 21:42 신고 [ ADDR : EDIT/ DEL ]
  10. 배움은 끝이 없어요....ㅠㅠ
    좋은 꿈 꾸시고 내일부터 시작되는 한주 건승하시길...^^

    2010.05.23 22:39 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 테이블 테그는 가라2칸 세로두칸만 아시고
      블로그 설치할때만 필요해서요 ^^;;
      그렇게 부담가지실 필요없으세요!

      보리밥님도 즐거운 하루 시작하세요 !

      2010.05.24 08:05 신고 [ ADDR : EDIT/ DEL ]
  11. 블로그 하면서 표 만드는 작업이 제일 짜.증. 나는 일이죠.
    글쓰기 등에서 지원도 시원찮구요.
    역시 제대로 만들려면 태그를 알아야 하는데
    티비님이 또 자세히 설명하셨네요. ^^

    2010.05.24 07:59 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 띵님 말씀처럼 광고를 넣을땐 글쓰기에서 지원하는
      표로 작업하면 선이 남기때문에요
      어느정도 기본을 알면 편할것 같더라구요~!

      즐거운 한주 시작하세요!

      2010.05.24 08:06 신고 [ ADDR : EDIT/ DEL ]
  12. 혹시 필요하게 되면 여기 와서...보고 하면 되겠네요..
    수고가 많으셨어요~^^*

    2010.05.24 12:42 신고 [ ADDR : EDIT/ DEL : REPLY ]
  13. 와 감사합니다~~
    1층에 방3칸도 놓을수있군요 ㅎㅎ

    2010.05.24 16:29 신고 [ ADDR : EDIT/ DEL : REPLY ]
  14. 비밀댓글입니다

    2010.05.26 16:56 [ ADDR : EDIT/ DEL : REPLY ]
  15. 블로깅하신거 잘 봤습니다 ~ 좋은 정보 감사합니다

    저기 그런데

    <table>
    <tr>
    <td>이층1방</td><td>이층2방</td>
    </tr>
    <tr>
    <td>일층1방</td><td>일층2방</td>
    </tr>
    </table>
    이렇게 되야 하는거 아닌가요?

    2010.07.29 12:27 신고 [ ADDR : EDIT/ DEL : REPLY ]
  16. 네 요즘에 배우고 있습니다

    인터넷 검색하다가 티비님 블로그로 오게됐는데 제가 좀전에 직접 해본거랑 위치가 바뀐거 같아서 글을 남겼어요~ ^^

    제 블로그에 방문해 주셔서 감사해요 ^^

    2010.07.29 21:38 신고 [ ADDR : EDIT/ DEL : REPLY ]
  17. 도움이 될 수 있게끔 열심히 해야 겠네요 ` 하하

    2010.07.30 11:36 신고 [ ADDR : EDIT/ DEL : REPLY ]
  18. 쉽고 잼있게 잘 설명해주셧내요. ^^

    2011.08.16 17:35 신고 [ ADDR : EDIT/ DEL : REPLY ]