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

in #kr-science8 years ago

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


table

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

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

-출력결과-


table style


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

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

-출력결과-


HTML 따라와!!


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

Sort:  

이미지를 예쁘게 정렬하고싶을때 사용하죠 ㅎㅎ

즐거운점심되셔요~
짱짱맨홍보요원입니다.
포스팅포기하고 홍보다니는중이예요

English version?

조금 늦었죠?
1일 1포스팅해주시면^^ 짱짱맨은 하루에 한번 반드시 찾아온다는걸 약속드려요~

Coin Marketplace

STEEM 0.04
TRX 0.33
JST 0.080
BTC 61920.54
ETH 1620.69
USDT 1.00
SBD 0.40