Autor Tema: HTML crear una composición usando distintos elementos div span tags CU00726B  (Leído 2508 veces)

Lorenzo31

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 381
    • Ver Perfil
Buenas tardes, adjunto mi solución al ejercicio propuesto del curso, CU00726B;


Código: [Seleccionar]
<!DOCTYPE html>
<html>
   <head> <meta charset="utf-8"/> <title>Ejercicio726B</title>
          <link rel="stylesheet" type="text/css" href="estilos.css"/>
   </head>
   <body>
      <div>
     <h1>Portal web aprenderaprogramar.com</h1>
<h2>Didáctica y divulgación de la programación</h2>
<br/>
  </div>
  <div>
  <p>Menú</p>
  <hr style="color:black; background-color:black; height:1px;"/>
  <ul>
     <li><a href="http://aprenderaprogramar.com/index.php?option=com_content&view=frontpage&Itemid=46" target="_blank">Inicio</a></li>
<li><a href="http://aprenderaprogramar.com/index.php?option=com_content&view=section&layout=blog&id=7&Itemid=26" target="_blank">Libros de Programación
</a></li>
<li><a href="http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=57&Itemid=86" target="_blank">Cursos de Programación</a></li>
     <li><a href="http://aprenderaprogramar.com/index.php?option=com_content&view=section&layout=blog&id=10&Itemid=48" target="_blank">Humor informático</a>
</li>
  </ul>
  <p>Aprender a programar es un objetivo que se plantea mucha gente y que no todos alcanzan.</p>
  <p>Hay que tener claro que <a href="http://aprenderaprogramar.com/index.php?option=com_content&view=frontpage&Itemid=46" target="_blank">aprender
  programación</a> no es tarea de un día ni de una semana: aprender programamción requiere al menos varios meses y, si hablamos de programación a nivel
  profesional, varios años. No queremos con esto desanimar a nadie: en un plazo de unos pocos días podemos estar haciendo nuestros primeros programas.</p>
  <p>Puedes seguir uno de <a href="http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=57&Itemid=86" target="_blank">nuestros
  cursos</a> entre los varios disponibles. Cuando haya que utilizar un editor de texto recomendamos el uso de uno potente y sencillo como Notepad++,
  aunque son válidas otras alternativas como Crimson Editor.</p>
  <img src="http://4.bp.blogspot.com/-nPSz6DwyGS0/VabbjXmVaoI/AAAAAAAABr0/U_C4Eg3m-DA/s640/Notepad-.png" width="10%" alt="Notepad++"/>
  <img src="http://www.crimsoneditor.com/images/logo.jpg" width="30%" alt="Crimson Editor"/>
  <br/><br/><br/>
  <form method="get" action="https://www.aprenderaprogramar.com">
     <label style="font-style:italic;">Si quieres contactar con nosotros envianos este formulario relleno:</label>
<br/><br/>
<label for="nombre" style="font-weight:bold;">Nombre:</label>
<input name="nombre" id="nombre" type="text"/>
<br/>
<label for="apellido" style="font-weight:bold;">Apellido:</label>
<input name="apellido" id="apellido" type="text"/>
<br/>
<label for="direccion" style="font-weight:bold;">Dirección:</label>
<input type="text" name="direccion" id="direccion"/>
<br/>
<label for="email" style="font-weight:bold;">Correo electrónico:</label>
<input type="text" id="email" name="email"/>
<br/>
<label for="comentario" style="font-weight:bold;">Mensaje:</label>
<textarea name="comentario" id="comentario" rows="3" cols="40"></textarea>
<br/><br/>
<input type="submit" value="Enviar"/>
<input type="reset" value="Cancelar"/>
  </form>
  </div>
  <div>
     <br/><br/><br/>
     <p><img src="http://lh5.ggpht.com/_PeVwghrmOec/TMkzEonRrcI/AAAAAAAAAHc/IxL8g0fTYtk/an_oliva_png.png" alt="AprenderAprOgramar.com"/>
Copyright 2006-2038 aprenderaprogramar.com</p>
  </div>
</body>
</html>


Y el archivo css que va con el codigo HTML
estilos.css
Código: [Seleccionar]
h1 { color:blue; font-weight:bold; }
h2 { font-weight:bold; }
ul { list-style-type:disc; }
body { border: 1px solid black; }
div { margin-left:5px; }
« Última modificación: 26 de Enero 2016, 09:12 por Alex Rodríguez »

pedro,,

  • Moderador Global
  • Experto
  • *******
  • APR2.COM
  • Mensajes: 1292
    • Ver Perfil
Re:HTML desde cerodiv y span HTML tags. CU00726B
« Respuesta #1 en: 21 de Enero 2016, 23:34 »
Buenas Lorenzo.

El código hace todo lo que pide el ejercicio y como siempre con mucha claridad.

Saludos.

Lorenzo31

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 381
    • Ver Perfil
Re:HTML desde cerodiv y span HTML tags. CU00726B
« Respuesta #2 en: 22 de Enero 2016, 13:02 »
Se intenta, lo importante es la máxima claridad al ver un código, sino es doble complejo.

Gracias Pedro.

 

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".