[HTML] table 태그에 대해 알아보자.

Words
117
Reading
1 min
Listen
Play
9y

alt

안녕하세요!! wonnieyoon@wonnieyoon입니다.
오늘은 html 태그중 테이블을 만들어주는
table 태그에 대해 포스팅하겠습니다.


table

table 태그는 말 그대로 테이블을 만들때 사용됩니다. 테이블은 쉽게 말해서 표로 이해하시면 될듯합니다.

alt

보시는것 처럼 table 태그를 사용하고 그안에 tr,th,td 태그를 사용해서 테이블을 만듭니다.
tr: table row의 약자로 행을 나타내는 태그
th: table header의 악자로 헤더 칸을 나타내는 태그
td: table data의 약자로 데이터의 칸을 나타내는 태그입니다.

-출력결과-

alt


table style

alt
단순히 태그만 사용해서 만드는것은 이미지가 당연히 예쁘지 않겠죠.style을 적용해서 디자인을 예쁘게 만들수 있습니다.

head안에 style 태그를 사용해서 자기가 원하는 디자인을 입히고 싶은 태그를 a,b,c 이런식으로 나열한다음 { } 안에 원하는 style(테두리,패딩 정렬등)을 정해주시면 깔끔하게 나옵니다.

-출력결과-
alt


HTML 따라와!!


1.[HTML] HTML 시작하기에 앞서 ATOM 설치부터^^
2.[HTML] HTML 알고가자!!
3.[HTML] 문단의 기본 p(paragraph)을 알아보자.

[HTML] table 태그에 대해 알아보자. | Ecency