• 돌아가기
  • 아래로
  • 위로
  • 목록
  • 댓글
HTML

테이블 프레임 속성

오작교 52567

0
오늘은 테이블에 프레임속성을 주는 그런 소스가 되겠습니다. 테이블 속성으로는 경계를 정하는  border 속성이 있을수 있겠고 또 정렬을 주는 align도 있겠습니다. 오늘은 그 중에 frame속성입니다. 이것은 예를들어 <table frame="above">를 주면 그 테이블은 셀위에만 줄이 그어진 형태가 되는 것입니다. 자세한 것은 예제를 보시면 이해가 빠르실겁니다.

 

<html>
< body>

<p>
< b>Note:</b>
If you see no frames/borders around the tables below, your browser does not support
the "frame" attribute.
< /p>

<h4>With frame="border":</h4>
< table frame="border"> <!-- 경계가 있습니다. box형이랑 비슷합니다. -->
< tr>
  <td>First</td>
  <td>Row</td>
< /tr>  
< tr>
  <td>Second</td>
  <td>Row</td>
< /tr>
< /table>

<h4>With frame="box":</h4>
< table frame="box">
< tr>
  <td>First</td>
  <td>Row</td>
< /tr>  
< tr>
  <td>Second</td>
  <td>Row</td>
< /tr>
< /table>

<h4>With frame="void":</h4> <!-- 선이 아무것도 나타나지 않습니다. -->
< table frame="void">
< tr>
  <td>First</td>
  <td>Row</td>
< /tr>  
< tr>
  <td>Second</td>
  <td>Row</td>
< /tr>
< /table>

<h4>With frame="above":</h4> 
< table frame="above"> <!-- 셀위에만 선이 그어집니다. -->
< tr>
  <td>First</td>
  <td>Row</td>
< /tr>  
< tr>
  <td>Second</td>
  <td>Row</td>
< /tr>
< /table>

<h4>With frame="below":</h4>
< table frame="below"> <!-- 셀 아래에만 선이 그어집니다. -->
< tr>
  <td>First</td>
  <td>Row</td>
< /tr>  
< tr>
  <td>Second</td>
  <td>Row</td>
< /tr>
< /table>

<h4>With frame="hsides":</h4>
< table frame="hsides"> <!-- 가로줄만 그어집니다. -->
< tr>
  <td>First</td>
  <td>Row</td>
< /tr>  
< tr>
  <td>Second</td>
  <td>Row</td>
< /tr>
< /table>

<h4>With frame="vsides":</h4>
< table frame="vsides"> <!-- 세로줄만 그어집니다. -->
< tr>
  <td>First</td>
  <td>Row</td>
< /tr>  
< tr>
  <td>Second</td>
  <td>Row</td>
< /tr>
< /table>

<h4>With frame="lhs":</h4> <!-- 왼쪽선만 그어집니다.
< table frame="lhs">
< tr>
  <td>First</td>
  <td>Row</td>
< /tr>  
< tr>
  <td>Second</td>
  <td>Row</td>
< /tr>
< /table>

<h4>With frame="rhs":</h4> <!-- 오른쪽 선만 그어집니다. -->
< table frame="rhs">
< tr>
  <td>First</td>
  <td>Row</td>
< /tr>  
< tr>
  <td>Second</td>
  <td>Row</td>
< /tr>
< /table>

</body>
< /html>

 

  테이블은 잘 아시리라 생각하고 frame속성에 따라서 테이블이 다르게 그려집니다. 주석을 참고하시고 결과를 보시면 더 잘 이해하시겠지요?

 

Note: If you see no frames/borders around the tables below, your browser does not support the "frame" attribute.

With frame="border":

First Row
Second Row

With frame="box":

First Row
Second Row

With frame="void":

First Row
Second Row

With frame="above":

First Row
Second Row

With frame="below":

First Row
Second Row

With frame="hsides":

First Row
Second Row

With frame="vsides":

First Row
Second Row

With frame="lhs":

First Row
Second Row

With frame="rhs":

First Row
Second Row

 

  이해하시겠지요? 그럼 다음시간에 또 만나요~

공유
0

댓글 쓰기 권한이 없습니다. 로그인

취소 댓글 등록

신고

"님의 댓글"

이 댓글을 신고하시겠습니까?

댓글 삭제

"님의 댓글"

삭제하시겠습니까?

목록

공유

facebooktwitterpinterestbandkakao story
검색어 : 202203
번호 분류 제목 글쓴이 날짜 조회 추천
공지 HTML HTML 기초 다지기 4 오작교 08.06.17.16:26 287451 0
공지 HTML HTML과 CSS의 종합 정리 1 오작교 07.10.01.10:21 346502 0
공지 일반 스타일시트의 총정리 오작교 06.09.14.13:08 291131 +14
300
normal
오작교 23.12.10.09:32 14334 0
299 Script
normal
오작교 23.12.10.09:29 19473 0
298 CSS
normal
오작교 21.01.09.14:18 40480 0
297 HTML
normal
오작교 15.09.17.08:58 116088 0
296 HTML
normal
오작교 15.09.13.21:38 21391 0
295 HTML
normal
오작교 15.09.13.21:30 24969 0
HTML
normal
오작교 15.08.30.12:19 52567 0
293 Script
normal
오작교 15.05.12.14:06 20913 0
292 HTML
file
오작교 12.03.08.13:51 35723 0
291 HTML
normal
오작교 11.06.03.10:44 40523 0
290 CSS
normal
오작교 11.06.03.10:29 70416 0
289 Script
normal
오작교 11.03.22.11:19 43235 0
288 Script
normal
오작교 11.03.22.11:15 37978 0
287 Script
normal
오작교 11.03.22.11:07 36861 0
286 HTML
normal
오작교 11.01.25.10:27 36001 0
285 CSS
normal
오작교 11.01.24.10:40 35122 0
284 HTML
normal
오작교 11.01.24.10:39 36848 0
283 Script
normal
오작교 11.01.24.10:34 37866 0
282 CSS
normal
오작교 11.01.24.10:31 37491 0
281 CSS
normal
오작교 11.01.24.10:27 35987 0