테이블태그 썸네일형 리스트형 [ HTML ] 테이블에 색상을 넣어보자/ 테두리도 꾸미기 테이블에 색을 입혀서 꾸며보기 희야의웹하우스 옆에 bgcolor= 소스를 넣으면 테이블 전체에 색이 들어갑니다. 희야의웹하우스 안에 bgcolor= 소스를 넣으면 해달 셀 부분만 배경색이 입혀집니다. 희야의웹하우스 와 에 각각 bgcolor 색을 넣었습니다. 셀부분의 색이 바깥쪽 테이블 색을 덮었더니, 에 넣은 배경색이 테두리 색으로 보입니다. 희야의웹하우스 위쪽 테이블과의 차이점이 보이시나요 ? 위쪽 테이블은 기본적인 border(테두리) 소스가 들어가있고, 아랫쪽에는 테두리 소스가 없습니다. 그랬더니 왠지 더 매끄럽고 깔끔한 테이블이 만들어졌습니다. 테이블 테두리 가늘게 만들어보자 희야의웹하우스 뒤쪽에 cellspacing=1 이라는 소스가 들어가서 테이블의 테두리를 가늘게 만들어주는 역활을 하고 있.. 더보기 [ HTML ] 테이블 테두리/색상/cellspacing/cellpadding 테이블의 두께와 색상을 바꿔보겠습니다. 희야의 웹하우스 결과물 border="3" 은 테두리의 두께를 정하는 것입니다. bordercolor="red" 테두리의 색상을 정합니다. cellspacing 칸과 칸사이의 여백 희야의 웹하우스 결과물 숫자가 커질수록 간격이 더 넓어지겠지요~ cellpadding 칸 안에서의 여백 조정 희야의 웹하우스 결과물 숫자가 커질수록 칸 안쪽의 여백이 넓어집니다. 이젠 위 속성들을 이용하여 , 같이 사용해 보겠습니다. 희야의 웹하우스에 어서오세요^^ 결과물 속성을 조금 넣었는데도 제법 깔끔한 테이블이 만들어 졌습니다. 여백과 색상 두께를 잘 조절해서 깔끔한 테이블을 만들어 보세요 ^^ 더보기 [ HTML ] TABLE 에 대해 알아보자 가장 기본적인 테이블에 대해서 알아보도록 하겠습니다. ■ 먼저 가장 기본적인 테이블 태그는 아래와 같습니다. 희야의 웹하우스 위와 같이 태그를 적용하면 결과물은 이렇게 나오게 됩니다. ■ 가로로 테이블 칸을 늘이고 싶다면 희야의웹하우스 http://heeya1004.tistory.com/ 이렇게 하시면 됩니다. 글자 이렇게 반복 하시면 옆으로 칸을 계속 늘일 수 있습니다. ■ 반대로 세로로 칸 수를 늘이고싶다면 희야의웹하우스 http://heeya1004.tistory.com/ 이렇게 하시면 됩니다. 글자 을 계속 반복 하면, 아래로 칸 수를 늘릴 수 있습니다. 가장 기본이 되는 테이블 태그에 대해서 알아보았습니다. 아무런 장식은 없지만, 뼈대가 되므로 꼭 알아두세요 ^^ 태그의 속성 값과 의미 bord.. 더보기 이전 1 다음
