2012. 10. 14. 14:55ㆍJSP/Html
Table 태그에 , 간단히 말하자면 ,
우리가 '네이버' 포털에서 쓰는 테이블 그 테이블과도 마찬가지입니다.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
이 자체도 , 테이블에 속하다고 할수 있습니다.
그러므로 , 이 테이블 태그로 , 그 테이블안에 무엇을 지정하든 , 공간을 활용하는 것이겠죠 ?
테이블 테그의 간단히 말씀드리겠습니다,
<table>
이 테이블에 ,
테이블 속성은 이렇습니다.
<tr> : 한 줄 개행,
<td> : 한 칸 개행,
뭐 이렇게 따지 시면됩니다 , 또 , tr과 td에는 , 속성이 또 있겟죠.
잠시 이해를 하기위해서 , 우리는 예를 한가지 들어봅시다.
|
1
2
3
4
5
6
7
8
9
10 |
<html>
<title>Who Homepage?</title>
<body>
<table border = "8" cellpadding = "3">
<tr>
<td> <a href = "http://blog.naver.com/compulu1565"> Criper </a> </td>
<td> left for the Development HomePage</td>
</tr>
</table>
</body> |
이런 , 태그가 있다고 합니다.
<title>은 저렇고 , 음음 , <table> 태그 , 그래 , border = "8" cellpadding = "3"
border 은 , 픽셀을 지정할수 있습니다, [border = "0"] 할 경우 , 두께가 보이지 않음.
cellpadding 은 , 셀과 셀 경계와의 내용 관계를 지정합니다.
3으로 하게되면 3경계의 내용관계를 지정하는겁니다.
반대로 cellspacing 은 셀과 셀사이의 간격을 지정하는건데 , 직접 실험해 보시구요.
<tr> 즉 Table Row 는 , 아까 말씀드렸다 시피 , 한행을 지정하는 겁니다.
tr에는 td로 내용을 지정할수 있죠 .
<td> 즉 Table Date cell 는 , 한 셀을 같다가 지정하는겁니다.
참고로 <td> 는 tr 안에 있어야 합니다.
이 둘은 속성이 많습니다.
대표적으로 공통적인게 많죠 . align 태그[left,center,right] 정렬
상상없이 , 디게 많아요 , background 라던지 , 뭔가 디게 많아요!!!
하튼 찾고 싶은건 찾으면 되죠머..
저는 table data cell 엔 , a href , a 태그 형태를 넣었으니까 , 뭐
되겠죠.
제 구상은 이럴거 같습니다.
!!
확인 결과를 보겠습니다.
이런 형태로 출력된 다는 것을 , 볼수 있습니다.
table태그 여기서 마칩니다.
나머지 속성들은 직접 쳐보시거나 , 이 주소 로 들어가셔서 보시기 바랍니다.
속성은 그때 그때 중요할때 마다 보면 됩니다,,
' 저걸 다 어떻게 외우지'
하지 말구여..
!