HTML/표 편집하기 (부분)

==표 셀의 정렬 ==

표 셀 내용의 기본 정렬은 왼쪽 및 세로 가운데 정렬입니다.

셀의 정렬을 변경하려면 각 셀에 대해 개별적으로 수행해야 합니다. align 명령은 &lt;td&gt; 태그에 포함됩니다. &lt;tr&gt; tag 태그에 정렬을 지정하여 전체 행의 정렬을 변경할 수도 있습니다.   
 

'''수평 정렬'''<br>
구문:<br>
&lt;td align="position"&gt; 위치가 왼쪽, 중앙 또는 오른쪽인
경우 <br>
or<br>
&lt;tr align="position"&gt; 위치가 왼쪽, 중앙 또는 오른쪽인 경우

'''수직 정렬'''<br>
구문:<br>
&lt;td valign="position"&gt; 위치가 위쪽, 중간 또는 아래쪽인
경우<br>
or<br>
&lt;tr valign="position"&gt; 위치가 위쪽, 중간 또는 아래쪽인

테이블 행 태그와 테이블 태그에 align 및 valign 명령을 포함할 수도 있습니다.

참고: 태그 <code>table</code>에 <code>align="left"</code> 또는 <code>align="right"</code>  태그를 포함해도 테이블 내용이 정렬되지 않습니다. 대신 페이지의 전체 테이블을 정렬합니다. 즉, 테이블 외부의 텍스트가 테이블을 둘러싸도록 합니다. 




'''작업 - 표 셀 정렬'''

# Open your table.htm file
# 표 셀의 정렬을 다음과 같이 변경합니다.:

<table><tr><td>
<table border="1" cellspacing="0" cellpadding="5" width=223 height=138 bordercolor="#000000">
<tr height=69><td valign=top>bread</td><td align=right valign=top>$2.99</td></tr>
<tr height=69><td valign=bottom>Milk</td><td valign=bottom align=right>$1.40</td></tr>
</table></td>
<td width=50 align=center><P><font size="+3">or</font></p></td>
<td bordercolor="#000000"> 
<table border="1" cellspacing="0" cellpadding="5" width=223 height=138 bordercolor="#000000">
<tr height=69><td align=right valign=bottom>bread</td><td valign=bottom>$2.99</td></tr>
<tr height=69><td valign=top align=right>Milk</td><td valign=top>$1.40</td></tr></table>
</td></tr></table>

# 다른 수직 및 수평 정렬을 실험해 보십시오.
# 매번 결과 보기