티스토리 뷰
HTML 코드에서 보면 흔하게 볼수 있는 Table 태그는 표를 사용하기 위해서 사용되는 태그이다.
아직까지 디자인에 Table를 사용하는 코더들이 많은데 이는 좋지않은 방법이지만 이글에서 예기할 주제는 아니니까 패스~
[기본구조]
아직까지 디자인에 Table를 사용하는 코더들이 많은데 이는 좋지않은 방법이지만 이글에서 예기할 주제는 아니니까 패스~
[기본구조]
<TABLE> :: 표 시작
<CAPTION>111</CAPTION> :: 표제목
<THEAD> :: 열제목 그룹 시작
<TR> :: 행 시작
<TH>열제목</TH> :: 하나의 셀
</TR>
</THEAD>
<TBODY> :: 표 내용시작
<TR>
<TD>내용</TD> :: 하나의 셀
</TR>
</TBODY>
</TABLE>
간단하게 테이블의 구조를 표현하면 이렇게 된다.
THEAD 와 TBODY 는 자주생략되는데 생략하면 TBODY 가 있는것으로 해석되는것 (같더라~ ㅋ)
자주사용되는 기본속성
너무 상세하게 들어가기에는 본인의 지식도 부족하고 무엇보다 귀찮으니 간단하게만 설명끝~
간단하게 테이블의 구조를 표현하면 이렇게 된다.
THEAD 와 TBODY 는 자주생략되는데 생략하면 TBODY 가 있는것으로 해석되는것 (같더라~ ㅋ)
자주사용되는 기본속성
- BORDER : 테두리의 두께
- BORDERCOLOR : 테두리의 색상
- CELLPADDING : 셀의 안쪽 여백
- CELLSPACING : 셀간의 간격
- BGCOLOR : 테이블의 배경색상
- WIDTH : 테이블의 가로
- HEIGHT : 테이블의 세로
- BACKGROUND : 테이블의 배경이미지
- ALIGN : 수평정렬 (left, center, right)
- VALIGN : 수직정렬 (top, middle, bottom)
- COLSPAN : 셀의 가로합병
- ROWSPAN : 셀의 세로 합병
너무 상세하게 들어가기에는 본인의 지식도 부족하고 무엇보다 귀찮으니 간단하게만 설명끝~
'IT 관련 > FrontEnd' 카테고리의 다른 글
정통부 주민등록번호 체크 JavaScript (0) | 2009.03.12 |
---|---|
메타태그 (0) | 2009.03.12 |
TAG :: FORM (0) | 2009.03.11 |
Internet Explore Javascript Event (0) | 2009.03.11 |
DTD(Document Type Definition) 기초~ (0) | 2009.03.09 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- Mac
- 먹는게 남는다
- 플스
- 원어데이
- java
- 파이어폭스
- 아이폰
- SQL
- Firefox
- MySQL
- 횟집
- Linux
- 마산
- html tag
- Flash
- 창원
- 지름신
- 짬뽕
- 불여우
- 일식
- code
- react
- ubuntu
- 윈도우7
- window7
- 그리스몽키
- 인터넷 속도
- 진례
- 김해
- 버그가많아
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함