2016. 12. 26.

HTML 기본태그와 테이블 필수 개념

Posted in   with  1 comment     Edit

HTML 기본태그와 테이블 필수 개념

 

테이블 태그는 HTML 문서에서 가장 기본적인 태그입니다.

가장 많이 사용하는 것은 <table><th><td><tr><colspan><rowspan>입니다. (제 경험상)

가장 기본이 되는 개념설명입니다.
 
<table> 태그는 테이블의 시작을 알려주며 테이블의 크기, 선굵기 등을 정의할수 있습니다.

테이블이란 간단하게 표의 형태라고 생각하시면 됩니다.

<th> table head 약자

표의 제목을 만드는 명령어 (기본값은 굵은 글씨체, 중앙 정렬)

<td> table data 약자

셀을 정의하며, 한 행()에서 칸을 나누는 기능(기본값은 보통 글씨체, 왼쪽 정렬)

<tr> table row 약자 (기본값은 보통 글씨체, 왼쪽 정렬)

가로줄, 행을 만드는 명령어
 
 
 
 
 테이블의 테두리, 겉테두리, <colspan> <rowspan> 에 대한 사용법입니다.

가장 기본적으로  테이블을 만들고 th,tr,td 태그를 사용했습니다.


border 테두리를 만들어주는 속성입니다. 테이블내의 각 셀마다 모두 테두리가 들어갑니다.


border의 숫자로 테이블 테두리의 크기를 지정해줄수 있습니다.


roules="none"를 줌으로 맨 바깥 즉 테이블의 겉테두리만 선을 설정 할 수 있습니다.


영역을 차지한다고 썼지만 행 합치기와 비슷한 개념이라고 생각하셔도 좋습니다.


안녕하세요가 가로 세칸의 자리를 차지하고 반갑습니다는 첫번째 <Tr>에 있기에 맨위 나머지 두줄은 그대로 들어갔습니다. 웹개발자 위의 공간은 비었지만 <Tr>즉 세로줄의 위치가 다르기때문에 공간을 두고 밑으로 위치합니다.




셀합치기처럼 쓸수도있으며 영역을 차지하는 가로영역을 차지하는 속성입니다.
 
 
 

 

댓글 1개: