홈피만들기/홈피제작/홈피꾸미기/무료홈페이지만들기/개인홈페이지제작/홈페이지만드는방법/무료개인홈페이지/html 홈페이지/html기초/html 소스/table 태그/html 테이블/테이블 정렬하기/

10-3. 표 - 표 정렬하기

③ 표 정렬하기

테이블을 왼쪽으로 정렬하기 위해서는 

<table> 태그 안에 

align="left"라는 옵션을 주면 된다.

테이블을 오른쪽으로 정렬하기 위해서는 

<table>태그 안에 align="right"라는 

옵션을 주면 된다. 테이블을 정렬할 때의 

문제점은 바로 가운데 정렬할 때 생긴다. 

보통의 'align'옵션을 사용할 때와는 달리 

테이블 안에서는 align="center"가 불가능하다. 

즉, align 옵션으로는 테이블을 

가운데로 정렬할 수가 없다. 이럴 때는 <table> 

태그를 <center> 태그 또는 

<p align="center"></p> 태그를 준다.

(형식) <table align="left"> ..... </table>
 
<table align="right"> ..... </table> 

(실습)

<html>

<head> <title>표 정렬하기</title> </head>

<body>
 
<table border align="left">
 
<tr>
 
<th>osiris</th>
 
</tr>
 
<tr>
 
<td>오시리스</td>
 
</tr>
 
</table>
 
<table border align="right">
 
<tr>
 
<th>이집트 신화</th>
 
</tr>
 
<tr>
 
<td>죽음의 신</td>
 
</tr>
 
</table>
 
<center>
 
<table border=5>
 
<tr>
 
<th>osiris</th>
 
<th>오시리스</th>
 
</tr>
 
<tr>
 
<td>이집트 신화</td>
 
<td>죽음의 신</td>
 
</tr>
 
</table>
 
</center>

</body>

</html>