Autor Tema: PROGRAMA EN HTML combinar celdas para crear tablas complejas  (Leído 3000 veces)

carlos9127

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 19
    • Ver Perfil
HOLA COMUNIDAD, PUES ESTOY DESARROLLANDO UN CÓDIGO EN HTML SOBRE UN FORMATO DE HOJA DE VIDA ESPECÍFICO. MI PROFESOR QUIERE QUE SEA LO MÁS IGUAL POSIBLE AL DE LA SIGUIENTE PÁGINA http://www.unal.edu.co/dnp/Archivos_base/Formato_Unico_de_Hoja_de_Vida-Persona_natural-DAFP.pdf

Para la cabecera simplemente copie y pegué con photoshop ya que no tengo que escribir nada encima de eso. Pero mi cuestión es sobre los campos que hay que llenar la información, qué comandos o códigos uso para crear una tabla así o lo más parecida posible? Les agradezco de antemano.

Mi código hasta ahora es este:

Código: [Seleccionar]
<html>
<head>
<title>
FORMATO ÚNICO HOJA DE VIDA
</title>
 <meta charset="UTF-8">

<body>
    <div align="left">
<img src="HV.png" height="120" width="900">
<br> <!--Esto es un salto de linea.-->

 <img src="dp.png" height="50" width="300">



<form name="registro" action="" method="post">
   <table border ="0">
    <tr>
    <td> <label>PRIMER APELLIDO</label>
    </td>
    <td> <input type="number" name="ide" />   
    </td>
    </tr>
« Última modificación: 27 de Febrero 2015, 08:36 por Alex Rodríguez »

Alex Rodríguez

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2050
    • Ver Perfil
Re:AYUDA CON PROGRAMA EN HTML
« Respuesta #1 en: 27 de Febrero 2015, 08:35 »
Hola, para hacer un formulario de este tipo necesitas HTML + CSS:

Curso de HTML: http://aprenderaprogramar.com/index.php?option=com_content&view=category&id=69&Itemid=192

Curso de CSS: http://aprenderaprogramar.com/index.php?option=com_content&view=category&id=75&Itemid=203

En estos cursos hay dedicados algunos apartados a la maquetación de tablas. Como se trata de tablas no uniformes, necesitas crear tablas donde se combinen celdas.

Para facilitar el trabajo, hay herramientas que permiten crear las tablas en Microsoft Word y luego transformarlas en código HTML automáticamente (después tendrías que darle el estilo adecuado). Eso se explica en https://www.aprenderaprogramar.com/foros/index.php?topic=1138

Saludos

carlos9127

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 19
    • Ver Perfil
Re:PROGRAMA EN HTML combinar celdas para crear tablas complejas
« Respuesta #2 en: 27 de Febrero 2015, 12:44 »
Amigo muchísimas gracias por la información, en cuanto pueda echarle un vistazo y lograr desarrollar algo, lo muestro, o si tengo alguna duda.

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".