Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (14)
Destaque
Semelhante a Tutorial HTML tablas e imágenes
Semelhante a Tutorial HTML tablas e imágenes (20)
Mais de alexita044
Último
Último (20)
Tutorial HTML tablas e imágenes
- 1. Tutorial paso a paso= tablas, imágenes y vínculos HTML En este tutorial te enseñaremos a aplicar tablas como forma de ordenar la información ya sea texto o imágenes. 1 tablas Lo primero que haremos es abrir el bloc de notas (archivo nuevo)
- 2. Te aparecerá una pantalla como esta: Los códigos para insertar una tabla serán los siguientes: (aquí te mostrare una ejemplo) <table border=1><td>Aqui va el contenido de la tabla, texto, imágenes, etc.</td></table> Bueno como ya te sabes la estructura HTML escribiremos un ejemplo anotando los siguientes códigos en el bloc de notas: <html> <head> <title>Tablas</title> </head> <body bgcolor="#000000" text="#FFFFFF"> <table width="100%" border="1" cols="2" cellpadding="3" bordercolor="#FFFFFF" borderColorLight="#FFFFFF" borderColorDark="#00FFC0"> <tr> <td width="50%"> Aqui estas creando una celda </td> <td width="50%"> Aqui esta otra celda </td> </tr> <tr> <td width="50%"> una mas
- 3. </td> <td width="50%"> celda 4 </td> </tr> <tr> <td width="50%"> aqui esta la celda 5 </td> <td width="50%"> y la 6 </td> </tr> </table> </body> </html> Y tendrás una pantalla como esta:
- 4. Bueno por ultimo guardaremos el documento y le colocaras de nombre: ejemplo1.html Bueno ahora busca el archivo y das clic sobre el:
- 5. Y te aparecerá una pantalla como esta: Si te aparecio tal y como sale a qui has aprendido una herramienta mas de HTML. FIN.