반응형
HTML의 다양한 TABLE 만들기 (테이블의 확장)
여러 가지 다양한 테이블의 확장에 대해 알아보겠습니다.
2개의 열에 첫 번째 열에는 1칸, 두 번째 열에는 2칸을 만들고 싶다.
이와 같이 하면 제대로 된 테이블이 나오지 않는다.
그럼 어떻게 해야 할까?
이 때 첫 번째 열에 사용되는 속성이 colspan이라는 것입니다.
수정을 하여 실행해본 결과 생각한 것처럼 나오게 됩니다.
colspan을 2로 한 이유는 2열에 개수와 맞춰주기 위해서 2로 하였습니다.
그렇다면 열을 확장해보겠습니다.
row(열)로 확장을 시켰습니다. 열을 확장 시 사용하는 속성은 rowspan입니다.
간단히 설명하자면, 왼쪽에서 오른쪽은 colspan이고 위에서 아래로는 rowspan입니다. 이점 유의하면서 테이블을 만드시면 되겠습니다.
관련글 더 보기
2014/08/12 - [HTML] div태그와 span태그, block형식과 inline형식에 대한 정보 !
2014/08/04 - [HTML] H(표제)태그를 이용하여 제목 꾸미기
2014/08/04 - [HTML] HTML 리스트 태그(ul, ol, dl, li)
↓ 공감 을 눌러주시면 블로거에게 큰 힘이 됩니다 !
반응형
'공부 이야기' 카테고리의 다른 글
| [HTML] HTML의 테이블(Table) 너비(width)와 높이(height)를 조정하는 법 (0) | 2014.08.04 |
|---|---|
| [HTML] 테이블(Table)의 경계선과 여백을 조정하는 법 (0) | 2014.08.04 |
| [HTML] HTML의 Table 태그 사용하기 (0) | 2014.08.04 |
| [HTML] 홈페이지에서 주로 사용하는 이미지의 종류(GIF, JPG, PNG) (0) | 2014.08.04 |
| [HTML] HTML문서에 이미지를 삽입해보자 (0) | 2014.08.04 |
SkyBaby
부부가 운영하는 정보 공유 공간입니다. 다양한 일상, 요리, 맛집탐방, 게임, 공부 등의 정보를 담고 있습니다.