강의 컨설팅 트레이닝 무료진단 무료책자 마케팅편지 마케팅정보공유 다이어리 서비스제휴 고객센터

Table 태그 (1)-table
작성자 : 99 단국강토
등록날짜 : 2009.02.09 10:08
2,391

Table 태그 (1)

 <table>


표을 시작할 때와 끝낼 때 항상 이 태그를 사용합니다.
테이블을 지정하기 위해서는 <table>~~</table> 이라는 태그를 지정하여 태그의 시작과 끝을 브라우저에게 알려야 합니다.
table 태그는 홈 페이지을 만들때 가장 많이 쓰는 태그중의 하나입니다. 홈 페이지 자체가 테이블이라 하는 분도 있더라고요. ^^; table 태그가 홈페이지에 많이 들어 가다보니까 table 에 관련된 태그를 빼먹는 경우가 종종 있습니다. 그러면 표 모양이 이상하게 나오니까 주의해서 작성하셔야 합니다.(제 경험입니다. 흐흐 ^^;)

align 거의 모든 태그에 쓸수있는 속성으로 table 태그에 삽입하면 문서내에서 테이블의 위치를 결정하며 tr 태그나 td 태그에 쓰이면 셀안의 문자들의 위치를 결정합니다.
속성값 으로는 left(왼쪽정렬), center(가운데정렬), right(오른쪽정렬)이 있읍니다.
border 테이블의 테두리 두께를 지정합니다. 기본값 : 1
bordercolor 테두리의색상을 적용합니다.
bordercolorlight table 의 테두리의 밝은 부분의 색상을 지정하여 테이블을 입체감 있게 표현합니다.
bordercolordark table의 어두운 부분의 색상을 지정하여 테이블을 입체감 있게 표현할 때 사용합니다.
bgcolor 테이블의 배경색을 지정합니다.
background 테이블에 배경그림을 지정할 때 사용합니다.
width 테이블의 폭을 설정합니다.
cellpadding table 태그에만 쓰이는 속성으로 셀과 셀안의 문자와의 여백을 설정합니다.
cellspacing table 태그에만 쓰이는 속성으로 셀과 셀사이의 여백을 설정합니다.


(주의) : 아래 [예제]를 따라 하시면 제가 만든 [결과] 하고 모양이 똑같이 나오지는 않을 것입니다.
제가 여러분의 이해를 돕기 위해서 [소스]는 간단하게 썼고, 모양은 여러분이 구별하기 쉽도록 강조하기 위해서 css (스타일 시트) 를 써서 금방 눈에 들어 오도록 했기 때문입니다.
여러분은 아직 스타일시트를 배우지 않았기 때문에 소스까지 써 놓으면 어려워 하실것 같아서 그렇게 했습니다. 나중에 스타일 시트를 배우시게 되면 이해가리라 생각하고, html 로는 "이런식으로 만드는 것이구나" 라고 간단히 이해하시고 넘어가면 됩니다.

frame = "테두리의 표시 형식"
표의 테두리중 상하좌우 어떤 테두리를 표시할 것인지를 지정하며 다음은 지정할 수 있는 값입니다.
frame
void 테두리 없음
above 윗부분만 테두리 있음
below 아래부분만 테두리 있음
hsides 위, 아래만 테두리 있음
lhs 왼쪽만 테두리 있음
rhs 오른쪽만 테두리 있음
vsides 오른쪽, 왼쪽만 테두리 있음
box 상하좌우 모두 테두리 있음
border 상하좌우 모두 테두리 있음
rules="셀을 구별하는 선의 표시 형식"
표 내부의 셀을 구별하기 위세서 어떤 선을 표시할지를 지정하며 다음은 지정할 수 있는 값입니다.
rules
none 선 없음
rows 가로열의 경계만 표시한다.
cols 세로열의 경계만 표시한다.
all 모든 경계를 표시한다.

[출처]빛남이

"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기,
각종 광고, 영업, 판매, 제안서, 전단지
반응율 3배×10배 이상 높이는 마법의 8단계 공식"
자세히보기

Comments

번호 제목 글쓴이 날짜 조회
315 INPUT TYPE - TEXT 속성 M 최고의하루 12.04 2015
314 [HTML] 메타태그 정리 99 단국강토 01.05 1573
313 새창 띄울때 메뉴바 없는 윈도우 창 99 단국강토 12.30 1386
312 동영상 그림크기조절 99 단국강토 12.30 3111
311 상태바에서 움직이는 문자 M 최고의하루 12.26 2096
310 노프레임 사이트 주소 고정법 M 최고의하루 12.26 1604
309 음악 태그 사운드 태그 댓글1 M 최고의하루 12.24 2934
308 그림을 배경 전체그림으로 넣는 소스 M 최고의하루 12.24 2107
307 [글 중간에 점 찍기] M 최고의하루 12.23 2066
306 htmlarg v1.1 - editplus 용 M 최고의하루 12.23 2336
305 배너광고 소스 marquee M 최고의하루 12.20 1617
304 FORM 태그 기본 ★ M 최고의하루 12.20 2182
303 한글 및 이미지 정렬 M 최고의하루 12.19 1422
302 폼요소 - 라디오 버튼(radio button) M 최고의하루 12.19 2099
301 Embed을 이용한 멀티미디어 사용 M 최고의하루 12.18 1627
300 input file 을 이미지로 변환 M 최고의하루 12.18 1832
299 INPUT TYPE - TEXT 속성 M 최고의하루 12.04 2200
298 태그강좌 99 단국강토 02.10 2088
297 태그 총 정리(태그 사전) ★ 99 단국강토 02.10 2134
296 태그를 배우려면 이런것들을 알아야.. 99 단국강토 02.10 3452
295 태그폰트 99 단국강토 02.10 2103
294 문자관련tag-텍스트 99 단국강토 02.10 1696
293 리스트 99 단국강토 02.10 2202
292 문단관련teg-문단(1) 99 단국강토 02.10 2342
291 문단과 관련된 태그 (2) 99 단국강토 02.10 2385
290 바디와 선 99 단국강토 02.09 1706
열람중 Table 태그 (1)-table 99 단국강토 02.09 2392
288 Table 태그 (2) 99 단국강토 02.09 2241
287 테이블 응용 99 단국강토 02.09 2353
286 프레임 tag-프레임(1) 99 단국강토 02.09 2150
마케팅
특별 마케팅자료
다운로드 마케팅자료
창업,경영
기획,카피,상품전략
동기부여,성취