COMO CREAR TABLAS CON CODIGO HTML:

 Tablas básicas

El codigo puede ser usado de esta forma

Las tablas más sencillas de HTML se definen con tres etiquetas: <table> para crear la tabla, <tr> para crear cada fila y <td> para crear cada columna.

A continuación se muestra el código HTML de una tabla sencilla:

<TR>
<TH>NOMBRE DE LA ETIQUETA</TH>
<TD>FUNCION DE LA ETIQUETA</TD>
</TR>
<TR>
<TH>&lt;HTML&gt;</TH>
<TD>INICIO</TD>
</TR>
<TR>
<TH>&lt;HEAD&gt; </TH>
<TD>ENCABEZADO</TD>
</TR>
<TR>
<TR>
<TH>&lt;TITLE&gt;</TH>
<TD>PARA COLOCAR EL TITULO</TD>
</TR>
<TR>
<TH>&lt;BODY&gt;</TH>
<TD>TODO EL CONTENIDO</TD>
</TR>
<TR>
<TH>&lt;P&gt;</TH>
<TD>ESPACIO</TD>
</TR>
<TR>
<TH>H1....H6</TH>
<TD>SUBTITULO IMPORTANTE</TD>
</TR>
<TR>
<TH>&lt;B &gt;</TH>
<TD> TIPO DE TEXTO EN NEGRITA</TD>
</TR>
<TR>
<TH>&lt;I &gt;</TH>
<TD> LETRA CURSIVA</TD>
</TR>
<TR>
<TH>&lt;HR&gt;</TH>
<TD>LINEA SEPARADORA</TD>
</TR>
<TR>
<TH>&lt;BR&gt;</TH>
<TD>ESPACIO SENCILLO</TD>
</TR>
<TR>
<TH>&lt;FONT FACE=""&gt;</TH>
<TD>TIPO DE LETRA</TD>
</TR>
<TR>
<TH>&lt;FONT COLOR=""&gt;</TH>
<TD>PARA PONER UN COLOR</TD>
</TR>
<TR>
<TH>&lt;FONT SIZE=""&gt;</TH>
<TD>PARA COLOCAR EL TAMAÑO DE LETRA</TD>
</TR>
<TR>
<TH>&lt;UL&gt;</TH>
<TD>VIÑETAS</TD>
</TR>
<TR>
<TH>&lt;LI&gt;</TH>
<TD>CIRCULOS</TD>
</TR>
<TR>
<TH>&lt;OL&gt;</TH>
<TD>NUMERACION</TD>
</TR>
<TR>
<TH>&lt;TABLE BORDER&gt;</TH>
<TD>CREAR TABLAS</TD>
</TR>
<TR>
<TH>TR</TH>
<TD>PARA FILAS<TD>
</TR>
<TR>
<TH>TR</TH>
<TD>PARA FILAS</TD>
</TR>
<TR>
<TH>TD</TH>
<TD>COLUMNAS</TD>
</TR>
<TH>HTML</TH>
<TD>FIN</TD>
</TR>
<TR>
<TH>COLSPAN</TH>
<TD>COLUMNAS</TD>
</TR>
<TR>
<TH>ROWSPAN</TH>
<TD>FILAS</TD>
</TR>
<TR>
<TH> MARQUEE BEHAVIOR</TH>
<TD>MOVIMIENTOS DE LOS TEXTOS</TD>
</TR>
<TR>
<TH>A HREF="EL NOMBRE DE LA PAGINA"Y DAR CLIC</TH>
<TD>CREAR HIPERVINCULOS O PASAR A OTRA PAGINA AL DAR CLICK</TD>
</TR>
<TR>
<TH>A HREF=EL NOMBRE DE LA PAGINA 2</TH>
<TD>SIRVE PARA REGRESAR A LA PAGINA ANTERIOR</TD>
</TR>
<TR>
<TH>IMG SRC="Y EL NOMBREDE LA FOTO</TH>
<TD>SIRVE PARA INSERTAR UNA IMAGEN</TD>
</TR>
<TR>
<TH>BODY BACKGROUND="FONDO.Y LAS LETRAS DE LA IMAGEN SELECCIONADA</TR>
<TD>PARA INSERTAR UNA IMAGN DE FONDO</TD>
</TR>
<TR>
<TH>WIDHT="100"</TH>
<TD>PARA EL ANCHO DE LA IMAGEN</TD>
</TR>
<TR>
<TH>HEIGHT="100"</TD>
<TD>PARA EL LARGO DE LA IMAGEN</TD>
</TR>

<LI><A HREF="CURSO COMPLETO.HTML">REGRESAR A LA PAGINA PRINCIPAL</A></LI>
</UL>

Si se visualiza el código anterior en cualquier navegador, se obtiene una tabla como la que muestra la imagen anterior