본문 바로가기
HtmlCss/HTML

<Table>태그

by 플람 2019. 5. 25.

<table>

- border : 표의 선을 보이거나 보이지 않게 한다.

(보이기 : 1, 보이지 않기 : 0)

너비나 ,높이는 하나만 줘도 된다.

표 높이나 너비보다 데이터가 많은양을 차지하면

데이터 길이만큼 길이가 길어진다.

  • <tr> 행(row)
  • <td> 셀(cell) <- 모든 HTML태그를 사용할 수 있음.
  • <Th> 두껍고, 가운데 정렬이 된다. (안의 글자가 진하고 가운데 정렬이 된다. 각 컬럼의 제목을 나타낼때 사용)

표의 제목의 위치를 지정하는 style 속성

1) caption-side ==> 표의 위쪽(top),또는 아래쪽(bottom)으로 지정한다.

2) text-align ==> 가로 방향으로 정렬한다. (left (왼쪽), center(가운데), right(오른쪽))

text-align: 문자들을 가로 가로방향으로 정령한다.

(left, center, right)

vertical-align : 문자들을 세로 방향으로 정렬한다

(top,middle,bottom)

colspan ==> 합치기할 칸수

rowspan ==> 합치기할 줄수

 

border="1" 선이 생기게한다.

border:1px solid red -> 선 굵기 및 선색상

border-collapse:collapse -> 선을 붙여준다.

중첩가능.

'HtmlCss > HTML' 카테고리의 다른 글

<fieldset>태그와 <legend>태그  (0) 2019.05.25
<Form>태그  (0) 2019.05.25
특수문자  (0) 2019.05.25
텍스트 서식  (0) 2019.05.25
<A>태그 - 책갈피  (0) 2019.05.25