상세 컨텐츠

본문 제목

[HTML TABLE] 테이블 태그로 표 만들기

HTML & WEB

by 어뮤징 라이프 2017. 3. 8. 15:24

본문

반응형



TABLE 태그

<table> ~ </table> : 사이트 레이아웃을 잡거나 표를 만들 때 사용하는 태그이며, 테이블 태그는 <tr> 태그, <td> 태그, <th> 태그를 함께 사용합니다.

<tr> : 행을 추가하는 태그입니다.
<td> : 셀을 추가하는 태그입니다.
<th> : 행, 열의 머리말을 나타내는 데 사용합니다. 글씨를 가운데 정렬하고 굵게 나타냅니다.
<border=" "> : 표의 테두리를 표시하는 태그로 숫자에 커질수록 표의 굵기도 굵어집니다.


html table 태그로 표 만들기






html 편집기를 통해서 위와 같이 입력해 보았습니다. 어떻게 보이는지 확인해볼까요??



위와 같이 잘 나오셨나요??^^

처음 표를 만들 때는 <tr> 태그와 <td> 태그가 헷갈릴 수 있는데요. 천천히 직접 만들어보시면 금방 쉽게 하실 수 있으리라 생각합니다!
그럼, table 태그로 표만들기 포스팅을 마치겠습니다. 도움이 되셨길 바랍니다.^^


반응형

관련글 더보기