1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!-- 현재 작성하고 있는 파일은 UTF-8 DOS파일입니다.-->
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="ko">
  4.   <head>
  5.     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.   </head>
  7.   <body>
  8.     &lt;table&gt; - &lt;tr&gt; 사용법<br />
  9.     &lt;tr&gt; 사용 용도는 HTML 테이블의 행을 정의합니다. <br />
  10.     <br />
  11.     ( 속성-align, valign, bgcolor, char, charoff )<br />
  12.     <hr />
  13.     <b>&lt;tr&gt; : 1.속성-align : 테이블 행의 문자 행정렬을 지정합니다.</b><br /><br />
  14.     HTML5에서 지원되지 않습니다.<br />
  15.     대신 CSS를 사용합니다.<br />
  16.     css 문법 : &lt;tr style="text-align:right;"&gt;<br />
  17.   left - 왼쪽으로 테이블 정렬합니다. <br />
  18.   right - 오른쪽으로 테이블 정렬합니다. <br />
  19.   center - 중앙으로 테이블 정렬합니다. <br />
  20.   justify - 각 라인은 같은 폭을 갖도록 라인을 지정합니다.(Explorer만 지원) <br />
  21.   char - 특정 문자로 내용을 정렬한다고 하는데 모르겠음.<br />
  22.     <div id="ex_view2">
  23.       <table border=1" style="width:300px;">
  24.      <tr style="text-align:right;"><th>      </th><th>국어</th><th>영어</th><th>수학</th>
  25.      </tr>
  26.      <tr style="text-align:center;"><th>김선희</th><td> 80 </td><td> 73 </td><td> 68 </td>
  27.      </tr>
  28.      <tr style="text-align:right;"><th>김민정</th><td> 72 </td><td> 45 </td><td> 94 </td>
  29.      </tr>
  30.      <tr><th>김현준</th><td> 65 </td><td> 98 </td><td> 55 </td>
  31.      </tr>
  32.       </table>
  33.     </div>
  34.     
  35.     <hr />
  36.     <b>&lt;tr&gt; : 2.속성-valign : 테이블 행의 문자 열정렬을 지정합니다.</b><br /><br />
  37.     HTML5에서 지원되지 않습니다.<br />
  38.     대신 CSS를 사용합니다.<br />
  39.     css 문법 : &lt;tr style="vertical-align:top;"&gt;<br />
  40.   top - 위로 테이블 정렬합니다. <br />
  41.   middle - 중앙로 테이블 정렬합니다. <br />
  42.   bottom - 아래으로 테이블 정렬합니다. <br />
  43.   baseline - 베이스라인이 가상선이로써 텍스트 라인을 시트에 대부분 맞춥니다.<br />
  44.     <div id="ex_view2">
  45.       <table border=1" style="width:300px; height:300px;">
  46.      <tr><th>      </th><th>국어</th><th>영어</th><th>수학</th>
  47.      </tr>
  48.      <tr style="vertical-align:bottom;"><th>김선희</th><td> 80 </td><td> 73 </td><td> 68 </td>
  49.      </tr>
  50.      <tr style="vertical-align:baseline;"><th>김민정</th><td style="font-size:40px;">72</td><td> 45 </td><td> 94 </td>
  51.      </tr>
  52.      <tr  style="vertical-align:top;"><th>김현준</th><td style="font-size:40px;"> 65 </td><td> 98 </td><td> 55 </td>
  53.      </tr>
  54.       </table>
  55.     </div>
  56.     
  57.     <hr />
  58.     <b>&lt;tr&gt; : 3.속성-bgcolor : 테이블 행의 배경색을 지정합니다.</b><br /><br />
  59.     HTML5에서 지원되지 않습니다.<br />
  60.     HTML 4.01에서 더 이상 사용되지 않습니다. <br />
  61.     대신 CSS를 사용합니다.<br />
  62.     css 문법 : &lt;tr style="background-color:red"&gt;<br />
  63.     <div id="ex_view2">
  64.       <table border=1>
  65.      <tr style="background-color:red"><th>      </th><th>국어</th><th>영어</th><th>수학</th>
  66.      </tr>
  67.      <tr><th>김선희</th><td> 80 </td><td> 73 </td><td> 68 </td>
  68.      </tr>
  69.      <tr><th>김민정</th><td> 72 </td><td> 45 </td><td> 94 </td>
  70.      </tr>
  71.      <tr><th>김현준</th><td> 65 </td><td> 98 </td><td> 55 </td>
  72.      </tr>
  73.       </table>
  74.     </div>
  75.     
  76.     <hr />
  77.     <b>&lt;tr&gt; : 4.속성-char : 문자로 테이블 행의 내용을 맞춥니다...확인 불가</b><br />
  78.     HTML5에서 지원되지 않고 브라우저에서 지원하는 곳이 없습니다.<br />
  79.     <br />
  80.     <b>&lt;tr&gt; : 5.속성-charoff : 문자 수가 컨텐츠는 <br />
  81.     문자 속성에 의해 지정된 문자에서 정렬 될 것이다...확인 불가</b><br />
  82.     HTML5에서 지원되지 않고 브라우저에서 지원하는 곳이 없습니다.<br />
  83.   </body>
  84. </html>

--------------------------------------------------------------------------------------------

위 소스 예제 보기


<tr></tr>


<tr> 테이블의 행을 지정합니다.

<tr> align, valign, bgcolor 속성과 설명은 소스에 있습니다.

char, charoff 속성과 설명은 부실합니다.


Global Attributes 지원합니다.

Global Event Attributes 지원합니다.


출처&인용 : http://www.w3schools.com/tags/tag_tr.asp


:
BLOG main image

공지사항

카테고리

분류 (356)
main (1)
php5 (218)
HTML (36)
javascript (93)
IT 이론과 퍼온정보 (8)
깨작일상 (0)
곧 추가할 내용 (0)
추후 알아볼것들... (0)

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

달력

«   2024/03   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
Total :
Today : Yesterday :