웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[HTML 초보자] 테이블 태그(보충1)
2002.12.21 11:40
제가 작성한 강좌를 쭉 읽으면서 테이블태그에 약해서 보충하여 올립니다.
오늘 배울태그는 테이블의 CellPadding과 CellsPacing를 배워보도록 하겠습니다.
Cellspacing: 셀의 여백을 조정할 수 있습니다.
Cellpadding: 셀을 가늘게 만들수 있습니다.
<table border="1" cellspacing="0">
<tr>
<td>표의 셀여백 조정은 0값이고, 숫자를 크게하면 커지겠죠.</td>
</tr>
</table>
아마 이렇게 하면 표의 여백은 0값으로 줄어들고 숫자를 크게하면 여백이 커집니다.
<table border="1" cellspacing="10">
<tr>
<td>표의 셀여백 조정은 0값이고, 숫자를 크게하면 커지겠죠.</td>
</tr>
</table> 을 해보십시오.
그리고 또한 셀을 가늘게 만들려면,
<table border="1" cellpadding="0">
<tr>
<td>표의 셀을 가늘게 한값은 0값이고, 숫자를 크게하면 커지겠죠.</td>
</tr>
</table> 을 하면 테이블의 테두리가 가늘게 만들어집니다.
<table border="1" cellpadding="10">
<tr>
<td>표의 셀을 가늘게 한값은 0값이고, 숫자를 크게하면 커지겠죠.</td>
</tr>
</table> 또 이렇게 만들어도 테이블의 테두리가 두껍어집니다.
혼합으로
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td>아주 가늘게</td>
</tr>
</table> 를 사용하면 아주가늘어지죠..^^
border="1"을하면 테두리 값이 안보이지만, 일반 <table><tr><td>내용</td></tr></table>한것보다 가늘게 보이죠.
cellpadding="수치값"과 cellspacing="수치값"의 숫자를 많이 넣어서 사용해보기 바랍니다. 차이점이 나타나거든요.
※ 그리고 제가 <table><tr><td>내용</td></tr></table>만 사용하여 표의 셀을 한개만 추가했는데, 여러개를 추가하는방법을 [HTML 초보자] 테이블 태그(보충2) 강좌에서 하겠습니다.
오늘의 명심 cellpadding과 cellspacing의 차이점을 알아보자!
오늘 배울태그는 테이블의 CellPadding과 CellsPacing를 배워보도록 하겠습니다.
Cellspacing: 셀의 여백을 조정할 수 있습니다.
Cellpadding: 셀을 가늘게 만들수 있습니다.
<table border="1" cellspacing="0">
<tr>
<td>표의 셀여백 조정은 0값이고, 숫자를 크게하면 커지겠죠.</td>
</tr>
</table>
아마 이렇게 하면 표의 여백은 0값으로 줄어들고 숫자를 크게하면 여백이 커집니다.
<table border="1" cellspacing="10">
<tr>
<td>표의 셀여백 조정은 0값이고, 숫자를 크게하면 커지겠죠.</td>
</tr>
</table> 을 해보십시오.
그리고 또한 셀을 가늘게 만들려면,
<table border="1" cellpadding="0">
<tr>
<td>표의 셀을 가늘게 한값은 0값이고, 숫자를 크게하면 커지겠죠.</td>
</tr>
</table> 을 하면 테이블의 테두리가 가늘게 만들어집니다.
<table border="1" cellpadding="10">
<tr>
<td>표의 셀을 가늘게 한값은 0값이고, 숫자를 크게하면 커지겠죠.</td>
</tr>
</table> 또 이렇게 만들어도 테이블의 테두리가 두껍어집니다.
혼합으로
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td>아주 가늘게</td>
</tr>
</table> 를 사용하면 아주가늘어지죠..^^
border="1"을하면 테두리 값이 안보이지만, 일반 <table><tr><td>내용</td></tr></table>한것보다 가늘게 보이죠.
cellpadding="수치값"과 cellspacing="수치값"의 숫자를 많이 넣어서 사용해보기 바랍니다. 차이점이 나타나거든요.
※ 그리고 제가 <table><tr><td>내용</td></tr></table>만 사용하여 표의 셀을 한개만 추가했는데, 여러개를 추가하는방법을 [HTML 초보자] 테이블 태그(보충2) 강좌에서 하겠습니다.
오늘의 명심 cellpadding과 cellspacing의 차이점을 알아보자!
댓글 3
-
Medic
2002.12.21 12:46
서명이 인상적입니다. -
ZipShin
2002.12.21 21:40
서명..ㅋㅋ 이 얼굴 ZipShin의 4살때 모습입니다. 하하하 -
zerock
2002.12.26 13:46
cellpadding 는 셀 내부의 간격을 말하며.. cellspacing 는 셀 외부를 말하는 겁니다.
다시 말하자면.. cellpadding 는 셀 안쪽의 여백을 크게 또는 작게 할수 있으며
cellspacing 는 셀과 셀사이의 여백을 크게 또는 작게 할수 있습니다.
즉 두개다 셀의 간격을 줄였다 늘였다 할수 있는 기능입니다.
위의 내용과 같이 cellpadding 은 셀의 여백을 줄이는게 아니라 셀 안쪽여백을 늘였다 줄였다 할수 있습니다.
다음의 예제를 실행해 보시면 답이 나올겁니다.
<table cellpadding=2 cellspacing=2 bgcolor=black>
<tr bgcolor=white><td>첫번째셀</td><td>두번째셀</td></tr>
</table>
참고로 cellpadding 과 cellspacing 을 지정해 주지 않았다면 cellpadding 는 1로 잡히며, cellspacing 는 2로 잡힙니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
ie6에서 css를 일부 불러들이지 못할때 대처법 | 아쮸 | 2011.01.04 |
스크랩버튼 외부로 빼내기 [3] | RainDrop+ | 2011.01.04 |
IIS5,6 용 Rewrite Module [1] | MuzEye | 2009.04.10 |
DNIP.NET 으로 유저.내도메인.dnip.net 세팅방법점.. [1] | 키스더데이트 | 2009.01.09 |
아파치 웹 서버 설정 == httpd.conf [2] | 김병화999 | 2009.01.02 |
httpd.conf 의 환경설정파일 안의 내용 [2] | 김병화999 | 2009.01.02 |
Ubuntu Server - SSH, APM, DNS, FTP 설치하기 [2] | ruo91 | 2008.08.09 |
Ubuntu 웹서버 구축 3. ZBXE 설치 [22] [1] | earthian | 2008.05.23 |
Ubuntu 웹서버 구축 2. APM 환경 구축 [4] [1] | earthian | 2008.05.23 |
Ubuntu 웹서버 구축 1. 우분투 설치 하기 [4] | earthian | 2008.05.23 |
내컴퓨터를 FTP 서버로 만들어보자 [6] | 서기 | 2008.03.30 |
MySQL 암호화함수를 큐브리드 JSP로 사용하기 [3] | 야라바 | 2008.01.24 |
lighttpd + php fastcgi + xcache 설치하기 [7] | zero | 2007.12.24 |
한방에 제로보드 설치를 위한 서버 환경 준비하기-RWAPC Server 1.0 [6] | 야라바 | 2007.11.28 |
SVN Commit 정보 출력 설정 (CIA Script) | DroArc | 2007.11.25 |
phpCubAdmin으로 큐브리드 DBMS관리하기 [2] | 야라바 | 2007.10.22 |
리눅스 APM/AP 환경에 큐브리드 추가 설치하기 [2] | 야라바 | 2007.10.22 |
Chroot 로 루트디렉토리 접근 금지,, [2] | Nefree | 2007.08.18 |
삭제문제~ [2] | 달맞이꽃 | 2007.08.15 |
MySQL 5.0 이상 버전에서 Myadmin 접근시 문제 해결 [6] | 니케 | 2007.03.16 |