[HTML #15] 표를 만드는 TABLE

안녕하세요 모빌리티 입니다.

 

오늘은 표를 만드는

태그에 대해서 배워 볼까합니다.

 

많이 어려우신가요??

 

오늘의 키워드

"TABLE"

 

 

향후엔 테이블을

안에서 부분적으로 합하고

셀 사이의 간격을 지정하는

방법에 대해서도 배워보도록

할게에요~~

잘 따라와 주세요.

 

TR ; 줄의 시작

TD ; 칸의 시작

/tr 칸의 끝

/TR ; 줄의 끝을 알립니다.

 

태그의 속성에 들어가보면

표의 정렬을 지정; align

<TABLE align="center">

 

표의 배경색을 지정: bgcolor

<TABLE bgcolor="green">

 

표의 배경 이미지를 지정:background

<TABLE background="img.jpg">

 

표의 테두리 선을 지정: border

표의 가로 세로 길이 지정:width/ height

셀사이의 여백으로 선 굵기 변화: cellspacing

셀안의 여백 조절: cellpadding

 

있습니다.

 

 

이것에 끝나는 것이 아니라

TR, TD에 속성도 있습니다.

 

2017/06/06 - [컴퓨터/HTML] - [HTML] 홈페이지 구성 기본 태그 4가지

2017/06/06 - [컴퓨터/HTML] - [HTML #2] 메모장으로 작성하여 웹파일로 저장하기

2017/06/07 - [컴퓨터/HTML] - [HTML #3] 배경색 변경하기

2017/06/08 - [컴퓨터/HTML] - [HTML #4] BR, P, Center 태그란?

2017/06/10 - [컴퓨터/HTML] - [HTML #5] 글자를 꾸미는 폰트 속성 3가지 face, size, color

2017/06/11 - [컴퓨터/HTML] - [HTML #6] 글자를 움직이게 하는 태그"MARQUEE"

2017/06/12 - [컴퓨터/HTML] - [HTML #7] OL, LI 태그

2017/06/13 - [컴퓨터/HTML] - [HTML #8] UL, LI 태그

2017/06/14 - [컴퓨터/HTML] - [HTML #9] DL DT DD 태그

2017/06/15 - [컴퓨터/HTML] - [HTML #10] 홈페이지의 연결 하이퍼링크

2017/06/16 - [컴퓨터/HTML] - [HTML #11] 하이퍼링크 색지정

2017/06/17 - [컴퓨터/HTML] - [HTML #12] 웹페이지 상에서 특정 위치로 이동하기

2017/06/18 - [컴퓨터/HTML] - [HTML #13] 이미지 태그 IMG

2017/06/19 - [컴퓨터/HTML] - [HTML # 14] 이미지에 링크 넣기

 

셀안의 내용 정렬: valigh

<TR valign="middle">

 

행에서 셀과 셀을 합치기: colspan

<TD colspan="3">

 

열에서 셀과 셀을 합치기:rowspan

<TD rowspan="3">

 

실 실습은 다음 시간 부터 진행

하겠습니다.

 

감사합니다.

 

 

 

 나눔은 

최고의 기쁨입니다.

이글이 도움이 되셨다면 아래

♡ 빈 하트를 채워주세요.