Autor Tema: HTML. Capas y, etiquetas div, span, Ejercicio CU00726B.  (Leído 2057 veces)

Jack_F

  • Visitante
HTML. Capas y, etiquetas div, span, Ejercicio CU00726B.
« en: 16 de Diciembre 2016, 23:13 »
Hola amigos aquí dejo el ejercicio CU00726B del tutorial de programación web desde cero con HTML.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
        <head>
        <meta charset="utf-8" />
<title>Capas html, etiquetas div, span, ejercicio CU00726B</title>
</head>
<body>
      <div>
            <h1>Porta web aprenderaprogramar.com</h1>
         <h2>Didática y divulgación de la programación</h2>
   </div>
   <div>
   <p>Menú</p>
<hr style="height:2px; color:gray;background-color:gray;" />

          <ul>
        <li style="text-style-type:disc"><a href="https://www.aprenderaprogramar.com/index.php?option=com_content&view=frontpage&Itemid=46">Inicio</a></li>
<li style="text-style-type:disc"><a href="https://www.aprenderaprogramar.com/index.php?option=com_content&view=section&layout=blog&id=7&Itemid=26">Libros de programación</a></li>
<li style="text-style-type:disc"><a href="https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=57&Itemid=86">Curso de programación</a></li>
<li style="text-style-type:disc"><a href="https://www.aprenderaprogramar.com/index.php?option=com_content&view=section&layout=blog&id=10&Itemid=48">Humor informatico</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="https://www.aprenderaprogramar.com/index.php?option=com_content&view=section&layout=blog&id=4&Itemid=18">aprender programación</a> no es tarea de un dia ni de una semana aprender
  programación requiere al menos varios meses y, si hablamos de programación a nivel profesional, varios
  anños. No queremos con esto desanimar a nadie: en un plazo de unos pocos dias podemos estar hacienso
  nuestros primeros programas.</p>
 
  <p>Puedes seguir uno de <a href="https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=57&Itemid=86">nuestro cursos</a> entre los varios disponibles. Cuando haya que utilizar un editor de
  textos recomendamos el uso de uno potente y sencillo como Notepad++, aunque son válidas otras
  alternativas como crimson Editor.</p>
  <br /><br />
  <a href="https://notepad-plus-plus.org/" target="_blank" title="Página de Notepad++"> <img src="http://i44.photobucket.com/albums/f30/Jack_f1/notepad_zpsuwevojf8.png" alt="Notepad++" /></a>
  <a href="http://www.crimsoneditor.com/" target="_blank" title="Página de Crimson Editor"> <img src="http://i44.photobucket.com/albums/f30/Jack_f1/crimson_zpsrom6mqv1.png" alt="Crimson Editos"></a>
  <br /><br />
   <p>Si quieres contactar con nosotros envianos este formulario lleno:</p><br />
 
  <form method="get" action="action.php">
       

                       <p><label for="nombre">Nombre: </label><input type="text" name="nombre" id="nombre" /></p>
                       <p><label for="apellido">Apellido: </label><input type="text" name="apellido" id="apellido" /></p>
                       <p><label for="direcion">Direción: </label><input type="text" name="direcion" id="direcion" /></p>
                       </p><label for="email">Correo electronico: </label><input type="text" name="email" id="email" placeholder="Escriba un correo electronico" /></p>
                       <p>Mensaje:</p><textarea name="mensaje" rows="3" cols="40"></textarea>
                       <br /><br />
                       <input type="submit" value="Enviar" />
                       <input type="reset" value="Cancelar" />    
  </form>
  </div>
 
  <div>
         <img src="http://lh5.ggpht.com/_PeVwghrmOec/TMkzEonRrcI/AAAAAAAAAHc/IxL8g0fTYtk/an_oliva_png.png" alt="copyrigh" /> <b>Copyrigh 2006-2038 aprenderaprogramar.com</b>
  </div>
 
</body>
</html>

« Última modificación: 21 de Diciembre 2016, 19:38 por Alex Rodríguez »

Chompy129

  • Intermedio
  • ***
  • Mensajes: 130
  • Programar es divertido. :)
    • Ver Perfil
Re:HTML. Capas y, etiquetas div, span, Ejercicio CU00726B.
« Respuesta #1 en: 17 de Diciembre 2016, 01:43 »
Hola Jorgito.
El ejercicio cumple con todo lo pedido. :)
Aunque los imágenes no se muestran porque los especificaste con una ruta local en lugar de una ruta externa.

Un saludo.

Jack_F

  • Visitante
Re:HTML. Capas y, etiquetas div, span, Ejercicio CU00726B.
« Respuesta #2 en: 17 de Diciembre 2016, 02:41 »
Hola chompy129, hay modifique el link de las imagenes si quieres revisar como quedo.

Y gracias por revisar el ejercicio.

Un saludo.

 

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