table 태그
HTML에서 표를 만든다는 것은 생각보다 쉽지 않고 귀찮은 일이다
그래도 표라는 것은 잘 정리된 자료로서 무언가를 보기 쉽게 해주기 때문에 자료를 정리할때에는 사용을 할 수 밖에 없다
일단 표를 만드는 시작 태그는 table이다
table안에 행과 열을 만들어 주면 표는 완성된다
table의 자식 태그
tr 태그 : 줄을 추가해 준다
tr의 자식 태그
td 태그 : 칸을 추가해 준다
th 태그 : 칸을 추가해 준다(제목/소제목/목록이름) 주로 첫번째 행 또는 첫번째 열에 사용된다
즉 <table></table>안에 줄을 만들어주는<tr></tr>가 있고 이 태그 안에 칸을 만들어주는 <th></th>또는 <td></td>가 있다
속성
colspan : 가로로 합춰준다(가로 병합)
rowspan : 세로로 합췆준다(세로 병합)
See the Pen Untitled by korearaogong (@korearaogong) on CodePen.
표를 코드로 작성하다보면 상당히 불편하고 귀찮다
간편하게 표를 만드는 방법
밑에 링크는 테이블을 쉽게 만들어 주고 코드로 돌려주는 사이트이다
https://www.tablesgenerator.com/
Create LaTeX tables online – TablesGenerator.com
You can import table data by uploading file in CSV format (Comma Separated Value). Most spreadsheet software, both desktop and online, allows to save tabular data in CSV format — it is usually available in the File menu under the name "Save As..." or "Ex
www.tablesgenerator.com
표를 만들고
를 눌러주면 코드가 만들어 져서 코드를 복사해다 사용하면 된다
