태그공부방입니다

 로그인  회원가입

테이블(table)태그의 활용
jjy5  2010-09-05 20:25:59, 조회 : 219, 추천 : 49

j j

[여러 가지 테이블 ]

아래의 예제들을 보면서 tr과 td를 이용해 어떻게 줄과 칸을 바꿨는지를 잘 관찰하세요.

그리고 두 개의 행(가로)을 합칠때는 colspan="2"

세 개의 행을 합칠 때에는 colspan="3"

두 개의 열(세로)를 합칠 경우에는 rowspan="2"와 같이 넣어주면 됩니다.

설명이 좀 복잡하지만 아래의 태그명령어와 그림을 비교하면서 연습해 보세요.





첫번째 칸두번째 칸세번째 칸네번째 칸

첫번째 칸 두번째 칸 세번째 칸 네번째 칸





첫번째 줄
두번째 줄
세번째 줄

첫번째 줄
두번째 줄
세번째 줄




첫째줄 첫째칸첫째줄 둘째칸
둘째줄 첫째칸둘째줄 둘째칸

첫째줄 첫째칸 첫째줄 둘째칸
둘째줄 첫째칸 둘째줄 둘째칸




rowspan="2">첫째줄과 둘째줄의 칸을 합쳤어요.첫째줄 둘째칸
둘째줄 둘째칸

첫째줄과 둘째줄의
첫째칸을 합쳤어요.
첫째줄 둘째칸
둘째줄 둘째칸

[ 테이블 편집 ]

수치" bgcolor="색상명" width="수치" height="수치">

이와 같이 table의 테두리, 색상, 크기 등을 조절할 수가 있습니다.

border는 테두리를 얼만큼 주느냐인데 0이면 테두리가 없는 것이고 1, 2...는 테두리가 굵어지게 됩니다.

bgcolor는 table의 배경색으로 그냥 color가 아님을 주의하세요.

그리고 width는 넓이를, height는 높이를 지정해 주는 것이 겠죠.

참고로 table에 테두리를 주되 테두리의 색상만 바꾸고 싶다면

bordercolor="색상명"을 추가해 넣으시면 됩니다.

또한 위에서 처럼 table 전체만 지정하는 것이 아니라

tr 혹은 td에 따로따로 테두리, 색상, 크기 등을 지정해 줄 수 있습니다.

1"bgcolor="458B74" bordercolor="black">

200" bgcolor="6699CC">첫째줄과 둘째줄의 칸을 합쳤어요.

100">첫째줄 둘째칸
100">둘째줄 둘째칸

첫째줄과 둘째줄의 칸을 합쳤어요. 첫째줄 둘째칸
둘째줄 둘째칸



  추천하기   목록보기

번호 제목 작성자 작성일   추천 조회
22  그림안에서 글 올리기    jjy5 2010/09/05 72 229
21  글자의 특별한 효과 설명    jjy5 2010/09/05 73 244
20  프레임 가로 나누기    jjy5 2010/09/05 51 219
19  프레임 세로 나누기    jjy5 2010/09/05 52 212
18  프레임 태그의 속성    jjy5 2010/09/05 56 210
 테이블(table)태그의 활용    jjy5 2010/09/05 49 219
16  테이블(table)태그의 기본    jjy5 2010/09/05 52 214
15  링크 태그의 기본    jjy5 2010/09/05 57 223
14  embed 의 속성    jjy5 2010/09/05 51 207
13  사운드(음악)태그의 종류    jjy5 2010/09/05 59 273
12  사운드(음악)태그의 기본    jjy5 2010/09/05 55 208
11  이미지를 배경으로, 배경에 색상넣기    jjy5 2010/09/05 56 220
10  이미지 태그의 속성    jjy5 2010/09/05 54 215
9  이미지 태그의 기본형식    jjy5 2010/09/05 53 213
8  특수문자    jjy5 2010/09/05 50 229
7  마퀴태그(Marquee)    jjy5 2010/09/05 57 213
6  예쁜글씨 만들기    jjy5 2010/09/05 121 309
5  글자크기, 모양, 색상지정    jjy5 2010/09/05 19 159
4  RGB 색상표    jjy5 2010/09/05 26 154
3  글자태그(Text)의 기본 형식    jjy5 2010/09/05 37 131

    목록보기   다음페이지 1 [2]
       

Copyright 1999-2018 Zeroboard / skin by zero