반응형
1.표 만들기 태그의 기본형식
○ 표 만들기 태그의 기본형식
<table>...</table> |
○ <table>태그 외 기본태그들
기본 태그 | 설 명 |
<table>...</table> | 표를 만들 때 시작과 끝을 알림
(표 만들 때 맨처음과 끝에 들어감) |
<tr>...</tr> | 한 행(가로줄)을 만들어 줌(table row) |
<th>...</th> | 셀(칸)제목을 표시함(글자를 굵게 표시, 가운데 정렬)(table header cell) |
<td>...</td> | 데이터가 들어갈 셀(칸)을 나타냄(세로줄을 만듬)(table data cell) |
2.<table>태그의 속성들
○ <table>태그의 부가적인 속성들
속 성 |
설 명 |
border="수치" |
표의 테두리 두께를 조정
(수치가 클수록 테두리가 두꺼워짐) |
width="수치 or %" |
표의 가로너비를 지정된 수치만큼 정함
pixel이나 %로 설정할 수 있지만 보통은 %를 주로 사용 |
height="수치 or %" |
표의 세로너비를 지정된 수치만큼 정함 |
cellspacing="수치" |
셀의 선과 선사이의 여백을 조정(셀 사이의 여백 조정) 기본:2pixel |
cellpadding="수치" |
셀의 선과 글자사이의 간격을 조정(셀 안의 간격) 기본:2pixel |
bgcolor="색상명/RGB" |
표 안의 배경색상을 지정 |
background="이미지파일" |
표 안의 이미지(그림)삽입 |
○ 테두리 색상 변경 : <bordercolor="바꾸고 싶은 색상명/RGB코드">
○ 표의 제목 태그
- 형식 : <caption>...</caption>
- 부가속성 : 정렬
· align : left, center. right(기본값은 left)
· valign : top, middle, bottom(기본값은 middle)
반응형
'컴퓨터 활용 > 홈페이지 과정' 카테고리의 다른 글
| 14. 프레임(frame) 만들기(1) (0) | 2013.02.05 |
|---|---|
| 13. 표 만들기(2) (0) | 2013.02.04 |
| 11. 사운드 태그 (0) | 2013.02.03 |
| 10. 하이퍼링크(Link) 태그 (0) | 2013.02.02 |
| 9. 이미지(Img) 태그 (0) | 2013.02.01 |