(HTML+CSS+자바스크립트) 3.7


(코딩 자가 학습)

HTML+CSS+자바스크립트

3.7 ) 테이블 생성


: 테이블 관련 태그

< Beschriftungs-Tag >

: 생성하려는 테이블의 제목을 입력합니다.

: 행(가로) 생산하는

여러 줄 생성 가능

< th-Tag, td-Tag >

: 기둥(수직) 생산하는

일 – 제목

td – 데이터

< th-Tag >

: 타이틀 데이터


th 레이블가다 td 태그용감한


tr – 3개의 수평 행

th – 오른쪽으로 나열

(개수/제품/수량/가격)


– 셀 연결 –

: 행과 행 병합

행 병합(수직)

< colspan-Attribut >

: 열과 열 병합

(오른쪽 병합)


: 헤더 영역에 해당

태그가 있는 열을 만들어야 합니다.

한 번만 사용할 수 있습니다

: 그룹 마감 영역

이전에 사용한

: 순수 데이터 그룹화

한 번만 사용할 수 있습니다



: 기둥 그룹화

그룹화하여 동일한 스타일 적용 가능

= 첫 번째 숫자의 선 너비 80px

= colgroup 태그 뒤의 col 태그는

가격선 너비 적용(100px)

< colgroup-Tag >

: 스팬 속성~와 함께

2개 이상의 열 그룹화

스팬=”2″

=> 그룹 2 열

상품, 수량 라인 동일

너비 150px 적용



< Bereichsattribut >

: 제목을 나타낼 셀 범위 지정

th 라벨에서만 사용 가능

행 – 오른쪽으로 수평(행)

col – 수직 아래(열)



– 예 –