반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- html
- IntelliJ
- 이탈리아
- 문자열
- input
- 테이블
- string
- table
- 배열
- CSS
- 이클립스
- Files
- Maven
- 자바스크립트
- Button
- windows
- 자바
- Visual Studio Code
- date
- list
- Array
- javascript
- Java
- ArrayList
- 인텔리제이
- js
- vscode
- Eclipse
- json
- CMD
Archives
- Today
- Total
목록셀합치기 (1)
어제 오늘 내일
[HTML] 테이블(table) 가로, 세로 셀 병합하기 (colspan, rowspan)
HTML에서 테이블을 표현하고, 테이블의 셀을 병합하는 방법을 알아보도록 하겠습니다. 먼저, HTML로 테이블을 그리는 방법을 모른다면 지난 포스팅을 참조하세요. [HTML] 기본 테이블(표, Table) 그리기 (table, tr, td, th) [HTML] 테이블 제목 지정하기, caption tag 아래 예제 테이블을 가지고 가로, 세로 셀 병합을 해 보도록 하겠습니다. 학년 반 1 1 1 2 2 1 세로 셀 병합하기 (rowspan) 학년 반 1 1 2 2 1 위 코드는 2개의 '1학년' 항목이 2 row가 병합되었습니다. 2개의 row가 병합되었으므로, 결국 세로 방향으로 합쳐진 셀이 만들어진 것입니다. 여러줄의 row를 병합 할때는 위의 예시처럼 병합을 시작하려는 cell에 rowspan을 정..
IT/HTML&CSS
2020. 11. 28. 22:53