①테이블 예제 하나
☞결과&설명
| 태그 |
이것이 table기본 구조랍니다..
border는 테이블 두께(테두리)를 의미합니다.
0을 넣으면,테두리가 나타나지 않구여
숫자가 커질수록 테두리가 굵어지겠져? ^^;;
③테이블 예제 둘
☞결과&설명
| 태그하나 |
| 태그두울 |
(table border=3)
(tr)
(td>태그하나(/td)
(/tr)
(tr)
(td)태그두울(/td)
(/tr)
밑으로 테이블 2칸을 만든것입니다.. ^^;;
③테이블 예제 셋
☞결과&설명
| 태그하나 | 태그두울 |
(table border=3)
(tr)
(td)태그하나(/td)
(td)태그두울(/td)
(/tr)
(/table)
이번엔 옆으로 칸을 만든 테이블입니다 ^^
④테이블 예제 넷
☞결과&설명
| 태그 | 소스 |
| 뮤비 | 이미지 |
(table border=3)
(tr)
(td)태그(/td)
(td)소스(/td)
(/tr)
(tr)
(td)뮤비(/td)
(td)이미지(/td)
(/tr)
(/table)
이것은 총 4칸을 만드는 테이블 예제입니다~
▶이제 어느정도 테이블 태그 익히셨져? width&height을 배워봅니다.◀
*테이블예제
☞결과&설명
| 태그좋아^^ |
ⓐwidth=150 ->요건 가로의 길이를 뜻합니다.
ⓑheight=10 ->요건 세로의 길이를 뜻합니다.
길이 조절 하실수 있겠져? ^-^
▶테이블 안에 글자쓴것을 정렬하는 방법에 대해 알아보자.◀
*테이블예제
☞결과&설명
| 태그 |
※align=위치 지정
ⓐcenter →테이블 안에 있는 글자를 가운데로 정렬!!
ⓑleft →테이블 안에 있는 글자를 왼쪽으로 정렬!!
ⓒright →테이블 안에 있는 글자를 오른족으로 정렬!!
▶테이블 안에 배경색을 넣어보자.◀
*테이블예제
☞결과&설명
| 태그 |
※bgcolor=색상을 설정
yellow,blue,pink...등등
또한, 색상표를 이용해 코드번호 입력해도 됩니다.
색상표는 태그교실에 있어여..찾아보시길...
▶테이블 외각선(테두리)을 지정해보자.◀
*테이블예제
☞결과&설명
| 태그 |
※bordercolor=색상을 설정
pink,blue...등등
색상표를 이용해 코드번호 입력 해도 됩니다.
▶테이블 안에 외각선(테두리)의 색을 입체적으로 표현해보자.◀
*테이블예제
☞결과&설명
| 태그 |
※bordercolor=red
(왼쪽에 테이블 외곽선에 색상을 설정할수 있습니다.)
위에 있는 bordercolor 명령어만 집어 넣을경우 외곽선을 색상만
바꿀수 있지만.. 이명령어을 집어 넣으면→bordercolorlight=green
입체적으로 외곽선을 표현할 수있습니다.*^^*
▶이쁜테이블 하나만 소개합니다.◀
☞결과
| |
|
(table width=300 border=0 cellspacing=0 cellpadding=0)
(tr bgcolor=#ffcc00 align=center)(td)
(table border=0 cellspacing=1 cellpadding=3)
(tr>
(/td)(/tr)
(tr bgcolor=#ffcc00)(td)
(table width=100% border=0 cellspacing=2 cellpadding=3)
(tr bgcolor=#ffffcc)(td)(font face="돋음" size="2")이쁘져? ^^(/font)(/td)(/tr)
(/table)
(/td)
(/tr)
(/table)
이 테이블 이쁘져? 알맞게 고쳐서 사용하세여~*
'■태그설명■' 카테고리의 다른 글
| 드래그하면 나타나는글 (0) | 2006.06.30 |
|---|---|
| 태그-링크소스 (0) | 2006.06.28 |
| 태그-글자 한자씩 나오게 하기 (0) | 2006.06.28 |
| 태그-내가 원하는 위치에 테이블 달자. (0) | 2006.06.28 |
| 태그-음악.동영상 (0) | 2006.06.28 |