태그자료
< 자료공유 < 태그자료
자료실

테이블 태그

페이지 정보

작성자 madalla 작성일13-02-06 23:30 조회1,998회 댓글0건

본문

HTML <table> 태그 : 테이블 태그(Table)

<table> HTML 태그는 테이블을 정의하는 데 사용됩니다
<table> 태그내에 사용하는 중요 태그
<tr> 태그는 테이블의 행을 나타내며 <td>,<th> 열을 결정하는 태그를 포함합니다..
<td> 태그는 테이블 데이터를 나타내며 <th> 태그는 테이블 헤더를 나타냅니다.
또 테이블 태그는 <caption>, <col>, <colgroup>, <thead>, <tfoot>, <tbody> 태그를 사용할 수 있습니다.

<table> 태그 예제

					
					
<html>
 <head>
    <title>html table 태그 예제샘플</title>
 </head>
 <body>
   <h1>table 태그의 예제샘플입니다</h1>
   <p>

      <table border="1"> 
          <thead> 
              <tr> 
              <th> 학생 코드 </th> 
              <th> 점수 </th> 
              </ TR> 
          </ thead> 
          <tr> 
              <td> n001 </ TD> 
              <td> 80 </ TD> 
          </ TR> 
          <tr> 
              <td> n002 </ TD> 
              <td> 80 </ TD> 
          </ TR> 
          <tr> 
              <td> n003 </ TD> 
              <td> 70 </ TD> 
          </ TR> 
          <tr> 
              <td> n004 </ TD> 
              <td> 80 </ TD> 
          </ TR> 
      </ table>
</body>
</html>

					
					
 
 

<table> 태그 속성

:
above : 표의 외각선 지정이 border="1" 이상일때 바깥쪽 경계선 중 위쪽만 나타냅니다.
align : 콘텐츠 정렬을 지정합니다.
align 속성 값 :
left : 텍스트나 이미지를 좌측 정렬합니다.
center : 텍스트나 이미지를 가운데 정렬합니다.
right : 텍스트나 이미지를 우측 정렬합니다. bgcolor : 배경색을 지정할 수 있습니다.
border : 테이블 주위에 경계의 픽셀 폭을 지정합니다.
cellpadding : 테이블의 양쪽 셀 테두리선과 여백사이의 여백을 조절합니다.
cellspacing : 테이블에서 셀과 셀 사이 여백을 조절합니다.
class : 문서의 요소를 식별합니다.
dir : HTML의 일세 속성은 HTML 문서의 요소 안에있는 텍스트의 방향을 설정합니다.
frame : 테이블 프레임의 양쪽 표시되는 지정하는 것입니다
id : 문서의 요소를 식별합니다.
lang : 요소의 내용의 언어를 지정합니다.
rules : rules
style : 요소에 대한 인라인 스타일을 지정합니다.
summary : 목적 또는 테이블의 구조의 요약입니다.
title : 문서에 대한 제안 제목은 열 수 있습니다.
width : 요소의 너비를 지정하는 것입니다.

<table> 태그 이벤트

onclick : 마우스 클릭에서 스크립트가 실행됩니다.
ondblclick : 마우스를 두번 클릭에서 스크립트가 실행됩니다.
onmousedown : 스 버튼을 누를 때 스크립트가 실행됩니다.
onmouseup : 마우스 버튼이 버튼이 누른후 스크립트가 실행됩니다.
onmouseover : 마우스 포인터가 요소 위에 이동할 때 스크립트가 실행됩니다.
onmousemove : 마우스 포인터가 이동할때 스크립트가 실행됩니다.
onmouseout : 마우스 포인터가 요소에서 이동할 때 스크립트가 실행됩니다.
onkeypress : 키를 누르면 스크립트가 실행됩니다.
onkeydown : 키를 눌렀을 때 스크립트가 실행됩니다.
onkeyup : 키가 누른후에 스크립트가 실행됩니다.
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기