como hacer estas dos tablas?

[pieceofmind]

hola hace poco que empece con html y quiero hacer una tabla de una sola columna, como un cuadrado negro de 85%x100%

Código HTML:

<table border="1" width=85% height=100%>
<tr>
<td bgcolor=#000000 >
</td>
</tr> 

y otra tabla aparte pero pegada de 14%x50%

Código HTML:

<table border="1" width=14% height=50%>
<tr>
<td bgcolor=#000000 >
</td>
</tr> 

el problema es que la segunda aparece abajo y quiero que aparezca alado.
tambien intente hacer solo ua tabla con dos columnas pero quiero que una sea mas corta
me podrian dar una solucion

[pieceofmind]

no se maten por responder!!
ya lo solucione hice una tabla principal en la cualpuse las dos tablas

Código HTML:

<table width=100% height=100%>
<tr>
<td>

<table border="1" width=85% height=100% 

align=left bgcolor=black>
<tr>
<td>
</td>
</tr>
</table>


<table border="1" width=14% height=50% 

align=right bgcolor=black>
<tr>
<td>
</td >
</tr>
</table>

</td>
</tr>
</table> 

[quedecosas]

Bueno una forma mas sencilla hubiera sido usar un float de css de la siguiente forma:

Código HTML:

<table border="1" width=85% height=100% style="float:left;">
<tr>
<td bgcolor=#000000 >
</td>
</tr> 
</table>
<table border="1" width=14% height=50% style="float:right">
<tr>
<td bgcolor=#000000 >
</td>
</tr> 
</table>