웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[HTML 초보자] 테이블 태그에 색상 넣기!! 퍼펙트1
2002.09.19 17:55
오늘은 추석 연휴및 특집으로 테이블 태그에 색상을 넣어 보겠습니다.
**색상
- 색상은 RGB값이나, 헥사코드 16진수 법을 사용해도 됩니다. style시트 태그를 사용해서 색을 입혀도 되고요^^
속성은 bgcolor 을 사용합니다. bgcolor=background color의 약자입니다.
제일 먼저 테이블 태그는 <table><tr><td>표</td></tr></table> (Or th)이 있다는것은 다 알지요? -_-;
이걸 알아야 표에 색상을 넣지요^^ 색상은 tr,td,table에 다 들어갑니다. th부분에도 들어갑니다.
음..저는 td 부분에 넣어보도록 하죠^^
예제1) <table border="1"><td bgcolor='#000000'><font color=white>검은색 표칸</td></tr></table> 을 하세요!
그다음은.. tr부분에 넣어보도록 하는데; td와 약간 다릅니다. td는 단순히 td부분의 '검은색 표칸' 지역에만 색이 입혀 지고요..tr은 행과 열이 이어지는곳 까지 색이 채워질것입니다.
예제2) <table border="1"><tr bgcolor=green><td>그린</td></tr></table>
그리고 테이블 표에 넣도록 해보겠습니다.
예제3) <table border="1" bgcolor=orange><tr><td>오렌지</td></tr></table>
그리고 스타일 시트 태그를 이용하여 색상을 넣도록 해볼께요!!
예제4) <table border="1"><tr><td style="background-color:yellow">스타일 시트의 노락색을 입힐경우</td></tr></table> 을 사용할수도 있습니다.
이외 borderdarkcolor 이라는 속성도 있습니다. 표의 테두리의색상은 아주 진하게 하는 속성과 있는데;
이것도 나중에 차츰 차츰 공부 하도록하죠^^
**색상
- 색상은 RGB값이나, 헥사코드 16진수 법을 사용해도 됩니다. style시트 태그를 사용해서 색을 입혀도 되고요^^
속성은 bgcolor 을 사용합니다. bgcolor=background color의 약자입니다.
제일 먼저 테이블 태그는 <table><tr><td>표</td></tr></table> (Or th)이 있다는것은 다 알지요? -_-;
이걸 알아야 표에 색상을 넣지요^^ 색상은 tr,td,table에 다 들어갑니다. th부분에도 들어갑니다.
음..저는 td 부분에 넣어보도록 하죠^^
예제1) <table border="1"><td bgcolor='#000000'><font color=white>검은색 표칸</td></tr></table> 을 하세요!
그다음은.. tr부분에 넣어보도록 하는데; td와 약간 다릅니다. td는 단순히 td부분의 '검은색 표칸' 지역에만 색이 입혀 지고요..tr은 행과 열이 이어지는곳 까지 색이 채워질것입니다.
예제2) <table border="1"><tr bgcolor=green><td>그린</td></tr></table>
그리고 테이블 표에 넣도록 해보겠습니다.
예제3) <table border="1" bgcolor=orange><tr><td>오렌지</td></tr></table>
그리고 스타일 시트 태그를 이용하여 색상을 넣도록 해볼께요!!
예제4) <table border="1"><tr><td style="background-color:yellow">스타일 시트의 노락색을 입힐경우</td></tr></table> 을 사용할수도 있습니다.
이외 borderdarkcolor 이라는 속성도 있습니다. 표의 테두리의색상은 아주 진하게 하는 속성과 있는데;
이것도 나중에 차츰 차츰 공부 하도록하죠^^
댓글 2
제목 | 글쓴이 | 날짜 |
---|---|---|
[HTML 초보자]- marquee태그 (글자 움직이기)-2 [5] | ZipShin | 2002.10.12 |
부모-자식 레이어의 활용(레이어 위치 고정) [8] | clo | 2002.10.12 |
[HTML 초보자]- marquee태그 (글자 움직이기)-1 [6] | ZipShin | 2002.10.11 |
프레임셋 응용 [8] | 심플리즘 | 2002.10.08 |
HTML의 4가지 요소 [2] | ZipShin | 2002.10.01 |
[HTML 초보자] 테이블 태그에 색상 넣기!! 퍼펙트2 [5] | ZipShin | 2002.10.01 |
HTML 이란? [5] | 조현원 | 2002.09.28 |
스크롤바를 이용하지 않고 페이지내에서 원하는 위치로 이동하기 [10] | 유지호 | 2002.09.28 |
CSS,HTML,DHTML 및 기타 최신레퍼런스를 구하는 방법 [2] | -크크크- | 2002.09.28 |
벅스에서 음악주소 얻어내기 총정리!!! [11] | 세DlCIZLOI너 | 2002.09.25 |
(허접 팁)레이어를 브라우저 크기에 상관없이 위치지정하기 [6] | 오영민 | 2002.09.25 |
테이블 크기 더 이상 안넘어가게 하기.. [12] | dEathrock | 2002.09.24 |
소스 보는 방법 몇가지 [13] | 태영이 | 2002.09.24 |
[HTML 초보자] 테이블 태그에 색상 넣기!! 퍼펙트1 [2] | ZipShin | 2002.09.19 |
[HTML 초보자] 테이블 태그의 rowspan [2] | ZipShin | 2002.09.17 |
최근게시물의 폰트크기와 링크색상 바꾸기. [5] | 매머드 | 2002.09.13 |
[HTML 초보자]- 테이블 태그(셀을 합치자..^^) [10] | ZipShin | 2002.09.11 |
레이어 고정법 [8] | bageup | 2002.09.11 |
Fieldset을 이용한 제몰 딸린 테이블~!!! [2] | 깻잎사랑=_=v | 2002.09.10 |
Fieldset을 이용한 iframe의 효과~! [6] | 깻잎사랑=_=v | 2002.09.09 |
쌍따옴표(")를 사용하였다면 계속 쌍따옴표를 사용하시는게 좋을 듯합니다.
위에 보여진 예제에는 쌍따옴표, 홑따옴표랑 아무것도 없는 것을 혼용하여 사용하셧는데. 통일하는 것이 좋습니다.
html 최적화를 위하여.