블로그 이미지
주로 인재개발원 등의 사이버학습을 정리, 요약하는 상시학습 블로그입니다. 깨비형
« 2017/12 »
          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            

Archive»

체험 블로그 마케팅 서비스 OLPOST

Category»

Notice»

Statistics Graph

12. 표 만들기(1)

컴퓨터 활용/홈페이지 과정 | 2013.02.04 08:05 | Posted by 깨비형

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
12. 표 만들기(1)  (0) 2013.02.04
11. 사운드 태그  (0) 2013.02.03
10. 하이퍼링크(Link) 태그  (0) 2013.02.02
9. 이미지(Img) 태그  (0) 2013.02.01