728x90
반응형

TD 2

HTML 테이블(Table) 만들기 - <table> <caption>

HTML 테이블(Table) 제목 만들기 - HTML - 표만들었을 때, 테이블에 제목이나 짧은 설명을 붙일 때 사용! - ~ 이렇게 클로징 태그를 작성해야합니다. - 아무런 CSS효과를 넣지 않으면 표 가운데 정렬로 위치합니다. - ~ 안에 작성한 내용은 기본적으로 표 위에 위치하지만, 위치를 바꿀 수 있습니다. → (※ CSS의 caption-side로 위치를 정할 수 있습니다.) [ caption 기본 형태 ] 테이블 제목 넣기 표의 제목 위치 제목 제목 내용 내용 [ 실행시 화면 ] ㄴ "색깔이 안들어가 있어서 테이블의 형태가 구분이 잘 안가시죠?" 아래에 css 요소를 잠깐 넣어 테이블 구분만 해볼께요~😀 (↓↓↓css는 나중에 배울테니 지금은 테이블의 영역만 확인하기!🤩↓↓↓) [ table에..

HTML 테이블(Table) 만들기 - <table> <tr> <th> <td>

HTML 테이블(Table) 만들기 - HTML → 테이블태그를 사용해 표 만들기 - ~ ~ ~ ~ 이렇게 클로징 태그를 작성해야합니다. - 태그가 tr, th, td를 감싸고 있는 형태입니다. - : 표의 행을 만드는 태그입니다. - : 표에서 제목을 만드는 태그 → ※ 태그는 테이블(표)의 첫번 째 행에서 사용되며 각 열의 제목을 만드는데 사용합니다. - : 표의 열을 만드는 태그 [ table 기본 형태 ] 열의 제목1 열의 제목2 열의 제목3 2번째행의 1번째열 2번째행의 2번째열 2번째행의 3번째열 3번째행의 1번째열 3번째행의 2번째열 3번째행의 3번째열 [ 실행시 화면 ] ㄴ "색깔이 안들어가 있어서 테이블의 형태가 구분이 잘 안가시죠?" 아래에 css 요소를 잠깐 넣어 테이블 구분만 해볼께..

1
728x90
반응형