728x90
코드를 수정후 적용하기를 눌러 확인가능합니다.
| 1행1열 | 1행2열 | 1행3열 |
|---|---|---|
| 2행1열 | 2행2열 | 2행3열 |
| 3행1열 | 3행2열 | 3행3열 |
| 4행1열 | 4행2열 | 4행3열 |
| 5행1열 | 5행2열 | 5행3열 |
테이블(table)로 레이아웃 설정하기!
대부분의 사이트에서 테이블을 많이 사용하는 편입니다. 테이블은 "표"라고 생각하시면 됩니다.
셀들의 집합으로 셀은 행과 열에 의해서 생성이 됩니다. 3행 3열로 구성된 표를 만들어 보았습니다.
<table> : 테이블을 선언하는 태그입니다.
<caption> : 테이블의 제목을 표시해주는 태그입니다.
<tr> : 테이블 내에 한 행을 정의하는 태그입니다. "Table Row"의 약어입니다.
<th> : 셀 제목으로 지정하여 강조되게 표시하는 태그입니다.
<td> : 테이블 내의 한 열 즉 각 행에 포함된 세을 만들 때 사용하는 태그입니다. "Table Data"의 약어입니다.
반응형
'배워보자!! > html-css' 카테고리의 다른 글
| [html/css] 테이블(table) 속성 알아보기! (0) | 2015.03.11 |
|---|---|
| [html/css] html 색상코드와 색상네임입니다. (0) | 2015.03.11 |
| [html/css] 하이퍼링크로 링크걸기_<a>태그 (1) | 2015.03.09 |
| [html/css] <img> 이미지 삽입 및 속성에 대해 알아보자! (0) | 2015.03.04 |
| [html/css] <ol> / <li>태그 (0) | 2015.02.08 |
댓글