정보테크/cumputer

[스크랩] 테이블 만들기

명호경영컨설턴트 2009. 7. 13. 14:08
▶table 기본 구조 익히기◀


①테이블 예제 하나

태그

☞결과&설명

태그

이것이 table기본 구조랍니다..
border는 테이블 두께(테두리)를 의미합니다.
0을 넣으면,테두리가 나타나지 않구요
숫자가 커질수록 테두리가 굵어지겠죠? ^^;;

③테이블 예제 둘

태그하나
태그두울

☞결과&설명

태그하나
태그두울

밑으로 테이블 2칸을 만든것입니다.. ^^;;

③테이블 예제 셋

태그하나 태그두울

☞결과&설명

태그하나 태그두울

이번엔 옆으로 칸을 만든 테이블입니다 ^^

④테이블 예제 넷

태그 소스
뮤비 이미지

☞결과&설명

태그 소스
뮤비 이미지

이것은 총 4칸을 만드는 테이블 예제입니다~

▶이제 어느정도 테이블 태그 익히셨나요? width&height을 배워봅니다.◀

*테이블예제

태그좋아^^

☞결과&설명

태그좋아^^

ⓐwidth=150 ->요건 가로의 길이를 뜻합니다.
ⓑheight=10 ->요건 세로의 길이를 뜻합니다.

길이 조절 하실수 있겠죠? ^-^

▶테이블 안에 글자쓴것을 정렬하는 방법에 대해 알아봅시다.◀

*테이블예제

태그

☞결과&설명

태그

※align=위치 지정

ⓐcenter →테이블 안에 있는 글자를 가운데로 정렬!!
ⓑleft →테이블 안에 있는 글자를 왼쪽으로 정렬!!
ⓒright →테이블 안에 있는 글자를 오른족으로 정렬!!

▶테이블 안에 배경색을 넣어봅시다.◀

*테이블예제

태그

☞결과&설명

태그

※bgcolor=색상을 설정
yellow,blue,pink...등등
또한, 색상표를 이용해 코드번호 입력해도 됩니다.
색상표는 태그교실에 있어여..찾아보시길...

▶테이블 외각선(테두리)을 지정해봅시다.◀

*테이블예제

태그

☞결과&설명

태그

※bordercolor=색상을 설정
pink,blue...등등
색상표를 이용해 코드번호 입력 해도 됩니다.

▶테이블 안에 외각선(테두리)의 색을 입체적으로 표현해봅시다.◀

*테이블예제

태그

☞결과&설명

태그

※bordercolor=red
(왼쪽에 테이블 외곽선에 색상을 설정할수 있습니다.)
위에 있는 bordercolor 명령어만 집어 넣을경우 외곽선을 색상만
바꿀수 있지만.. 이명령어을 집어 넣으면→bordercolorlight=green
입체적으로 외곽선을 표현할 수있습니다.*^^*

▶이쁜테이블 하나만 소개합니다.◀

예쁜 테이블
이쁘죠? ^^

☞결과

예쁜 테이블
이쁘죠? ^^

이 테이블 알맞게 고쳐서 사용하세요~*

출처 : 늘 처음처럼...
글쓴이 : 風景 원글보기
메모 :