Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje19-12-2008, 01:00 (UTC)    
Título del mensaje: [TUTORIAL]Tablas en HTML

Voy a dar mi ejemplo con esto:

Cita:
<table>
<tbody>


<tr>


<td>A</td>
<td>B</td>


</tr>

<tr>



<td>C</td>
<td>D</td>


</tr>

</tbody>
</table>


Para crear una tabla, les recomiendo primero. Crear la estructura como lo acabo de hacer:

Los tags Table y Tbody, van siempre. Luego, se pone el tag tr para empezar una Fila (horizontal), dentro de ese tr, se pone el td para empezar una Columna (vertical), se coloca tantas veces td como tantas columnas quieres en la tabla (en mi caso, 2). Luego se cierra el </tr> y, para saltar abajo, a una nueva Fila, se abre nuevamente un <tr> y así sucesivamente. Luego, para insertar el contenido en la tabla, les recomiendo que vallan a Controlar Páginas => Agregar una nueva página (la cual será borrada una vez finalizado todo) y en esa misma página (Vacía. Sin ningún HTML) crean el contenido de una sola celda (texto, insertan imagen, centran, etc), apretan Fuente HTML, copian todo el código html y lo pegan en un bloc de notas y van a la estructura y pegan el código entre el td correspondientes. Así hacen con todas las celdas (antes de empezar a crear el contenido de una celda, les recomiendo que se aseguren que no tengan nada).

Aquí una imagen de ayuda:


http://pixelea.com/s/a7d44cf9c2.bmp

Espero que haya servido.


Ultima edición por nixoweb el Jue Dic 18, 2008 9:01 pm; editado 2 veces
Mensaje19-12-2008, 02:23 (UTC)    
Título del mensaje:

esta muy bueno nixo gracias.
______________


Ultima edición por designs-web el Jue Dic 18, 2008 10:24 pm; editado 1 vez
Mensaje19-12-2008, 02:23 (UTC)    
Título del mensaje:

Gracias por ese tutotial siempre que hago tablas las hago con el editor
pero ahora las voy a empezar hacer a pero teclado!!

saludos!
Mensaje19-12-2008, 02:39 (UTC)    
Título del mensaje:

Gracias nixo , siempre queria saber como se hacian
______________
Firma eliminada por promocion a foros externos.

[b]Moderador Design-PWG[/b]
Mensaje19-12-2008, 04:02 (UTC)    
Título del mensaje:

Gracias esta exelente nixo
______________
Team-Soporte.
Moderador de PaginaWebGratis.es

www.team-soporte.es.tl | @jeremymolina
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group