목록th (2)

특별한 일상

[HTML] 테이블(table)의 colspan과 rowspan 사용법과 예시

안녕하세요. 소다맛사탕 입니다. 지난 HTML 포스팅인 '[HTML] 테이블(table) 설명 및 레이아웃 만들기 (html table description and create lay-out)'에 이어서 table의 셀 속성인 colspan과 rowspan에 대해 알아보겠습니다. 1. colspan 하나의 셀 또는 행을 여러 열로 나누고 둘 이상의 열로 합병하기 위해서 사용합니다. 즉, 테이블의 셀을 가로로 합병. 셀 병합 (colspan="2") colspan 사용 예시를 통해 더 자세히 알아보겠습니다. 1) 열을 3개로 나눈뒤 데이터 셀을묶음 테이블 예시 컬럼1 이것은 데이터1 컬럼2 이것은 데이터2 컬럼3 colspan 3 컬럼4 이것은 데이터3 컬럼5 이것은 데이터4 2) 헤더셀과 데이터셀을 묶음..
IT•개발 끄적/HTML 2021. 5. 24. 20:30
[HTML] 테이블(table) 설명 및 레이아웃 만들기 (html table description and create lay-out)

이번 포스팅에선 게시판 형태, 홈페이지의 레이아웃을 관리하는 table 태그에 대해서 알아보겠습니다.. 기본적으로 HTML table 태그는 데이터를 행과 열의 형태의 표 형식을 만드는데 사용합니다. 각 행의 테이블의 행은 테이블의 헤더는 테이블의 데이터는 로 표시합니다. 테이블 속성 태그 설명 테이블을 정의 테이블의 행 테이블의 헤더 셀 테이블의 셀(데이터) 테이블의 캡션(설명) 테이블의 그룹을 지정(행 합침 등에 이용) 각 열에 속성을 지정(상위 colgroup과 쓰임) 테이블 표의 본문 내용을 지정 테이블 표의 헤더 내용을 그룹화(한 행에 합침) 테이블 표의 바닥 글 내용을 그룹화(바닥글 행 합침) 예시를 통해 더 자세히 알아보겠습니다. 테이블 예시 컬럼1 이것은 데이터1 컬럼2 이것은 데이터2 컬..
IT•개발 끄적/HTML 2021. 5. 22. 01:00
Prev 1 Next