table 태그는 표형식의 레이아웃을 만드는 태그로 예전에는 많이 사용했지만 요즘에는 사용빈도가 많이 줄어들었습니다.
그 이유는 유지보수가 어렵고 어떠한 정보가 바뀌었을때 번거롭기 때문입니다.
테이블을 만들기 위해서는 여러 태그가 필요합니다.
table : 테이블을 만드는 태그
tr : 행을 만드는 태그
td: 열을 만드는 태그
<예제>
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 | <!DOCTYPE html> <html> <head> <meta charset="EUC-KR"> <title>Insert title here</title> </head> <body> <table border="1"> <tr> <td rowspan="3">시험성적</td> </tr> <tr> <td>국어</td> <td>수학</td> <td>영어</td> </tr> <tr> <td>70</td> <td>85</td> <td>90</td> </tr> </table> </body> </html> | cs |
td의 속성중 rowspan 이라는 것이 있습니다.
이것은 행들을 하나로 만들겠다라는 의미입니다. rowspan="3" 은 3행을 한개로 만들겠다는 의미가 됩니다.
colspan이란 속성도 있는데 이것은 열을 한개로 만들겠다는 의미로 사용됩니다.
<결과>
'프로그래밍 강의 > HTML 과 CSS' 카테고리의 다른 글
| [HTML/CSS] Chapter6. 블록요소와 라인요소 (0) | 2018.09.14 |
|---|---|
| [HTML/CSS] Chapter5. Form 폼 태그!! (0) | 2018.09.14 |
| Chapter3. 리스트 태그!! (0) | 2018.09.06 |
| Chapter2. html 시작과 간단한 태그!! (0) | 2018.09.04 |
| Chapter1. Web 이란? (0) | 2018.09.04 |
