HTML&JSP&Javascript2013. 8. 17. 21:19

HTML <th > 태그 : 테이블 헤더 태그(Table Header)

  • <th> HTML 태그는 테이블에서 헤더 셀 또는 테이블 헤더를 지정하는 데 사용됩니다.
    헤더 셀 <th> - 테이블의 헤더 (굵은 텍스트로 기본적으로 가운데 정렬됩니다.)
    표준 셀 <td> - 테이블의 데이터 (일반 텍스트로 기본적으로 왼쪽 정렬됩니다.)

<th > 태그 예제


  • 					
    <html>
     <head>
        <title>html th 태그 예제샘플</title>
     </head>
     <body>
       <h1>th 태그의 예제샘플입니다</h1>
       <p>
    
          <TABLE border=1>
              <CAPTION>Cups of coffee consumed by each senator</CAPTION>
              <TR>
                 <TH>Name</TH>
                 <TH>Cups</TH>
                 <TH>Type of Coffee</TH>
                 <TH>Sugar?</TH>
              <TR>
                 <TD>AAAAA</TD>
                 <TD>10</TD>
                 <TD>BBBBBB</TD>
                 <TD>No</TD>
              <TR>
                 <TD>XXXXXX</TD>
                 <TD>5</TD>
                 <TD>PPPPPPP</TD>
                 <TD>Yes</TD>
          </TABLE>
    
    </body>
    </html>
    
    					

    [예제 결과보기및 소스코드 수정하기]

<th > 관련 태그



<th > 태그 속성


    • abbr
    • 셀 내용의 짧은 요약을 나타냅니다.
        • align
        • 콘텐츠 정렬을 지정합니다.
            • axis
            • 테이블 셀 또는 테이블 헤더 셀에 대한 카테고리 이름의 쉼표로 구분 된 목록을 지정하는 것입니다.
                • bgcolor
                • 배경색을 지정할 수 있습니다.
                    • char
                    • 문자로 테이블 행의 콘텐츠를 정렬을 지정합니다.
                        • charoff
                        • char 속성에 의해 지정된 정렬 문자로 문자의 수를 지정하는 것입니다.
                            • class
                            • 문서의 요소를 식별합니다.
                                • colspan
                                • 개별 열 정의에 의해 스팬 열 수를 정의하는 것입니다.
                                    • dir
                                    • HTML의 일세 속성은 HTML 문서의 요소 안에있는 텍스트의 방향을 설정합니다.
                                        • headers
                                        • 테이블 헤더 셀에 대한 식별자의 공백으로 구분 된 목록을 지정하는 것입니다.
                                            • height
                                            • 요소 나 프레임의 높이를 지정하는 것입니다.
                                                • id
                                                • 문서의 요소를 식별합니다.
                                                    • lang
                                                    • 요소의 내용의 언어를 지정합니다.
                                                            • rowspan
                                                            • 개별 테이블 셀에 스팬 행의 수를 정의하는 것입니다.
                                                                • scope
                                                                • 테이블의 헤더 셀의 범위를 지정하는 것입니다.
                                                                    • scope 속성 값 :
                                                                    • row
                                                                    • 현재 셀이 포함되어있는 행의 나머지 부분에 대한 헤더 정보를 제공합니다. 
                                                                    • col
                                                                    • 현재 셀이 포함되어있는 칼럼의 나머지 헤더 정보를 제공합니다. 
                                                                    • rowgroup
                                                                    • 헤더 셀은 포함되어있는 행 그룹의 나머지 헤더 정보를 제공합니다. 
                                                                    • colgroup
                                                                    • 헤더 셀은 포함되어있는 열 그룹의 나머지 헤더 정보를 제공합니다. 
                                                                        • style
                                                                        • 요소에 대한 인라인 스타일을 지정합니다.
                                                                            • title
                                                                            • 문서에 대한 제안 제목은 열 수 있습니다.
                                                                                • valign
                                                                                • 테이블 셀의 내용의 수직 정렬을 정의하는 것입니다.
                                                                                    • width
                                                                                    • 요소의 너비를 지정하는 것입니다.


    <th > 태그 이벤트


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











    출처 : http://www.htmlschool.co.kr/htmltag/th.html

    Posted by 아로나