Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Lorenzo31 en 21 de Enero 2016, 20:28

Título: HTML crear una composición usando distintos elementos div span tags CU00726B
Publicado por: Lorenzo31 en 21 de Enero 2016, 20:28
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; }
Título: Re:HTML desde cerodiv y span HTML tags. CU00726B
Publicado por: pedro,, 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.
Título: Re:HTML desde cerodiv y span HTML tags. CU00726B
Publicado por: Lorenzo31 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.