Autor Tema: HTML ejemplo de uso de div y span CU00726B maquetar una web simple (Leído 2499 veces)

Dan_SB · « **en:** 22 de Mayo 2015, 00:17 »

Buenas tardes!!

Vengo a resolver el ejercicio °26 del curso "html desde 0" cuyo enunciado nos pedia realizar una replica de una pagina que presento, la pagina es la siguiente:

Aqui el codigo!

Código: [Seleccionar]

<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8"><title>Portal web Aprender a Programar</title></head>
<body>
<div style="border: 1px;">
<h1>Portal web aprenderaprogramar.com</h1>
<h2>Didáctica y divulgación de la programación</h2>
</div>
<p>Menú</p>
<hr style="color: black; with: 10%;"/>
<div style="border: 1px;">
<ul>
   <a href= "https://www.aprenderaprogramar.com">
   <li>Inicio</li>
   </a>
   <a href="https://www.aprenderaprogramar.com/index.php?option=com_content&view=section&layout=blog&id=7&Itemid=26">
   <li>Libros de programación</li>
   </a>
   <a href="https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=57&Itemid=86">
   <li>Cursos de programación</li>
   </a>
   <a href="https://www.aprenderaprogramar.com/index.php?option=com_content&view=section&layout=blog&id=10&Itemid=48">
   <li>Humor informático</li>
   </a>
</ul>
<p>Aprender a programar es un objetivo  que se plantea mucha gente y que no todos alcanzan.
<br></br>
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<br>
programación requiere al menos varios meses y, si hablamos de programación a nivel profesional, varios<br>
años. No queremos desanimar a nadie: en un plazo de unos pocos dias podemos estar haciendo nuestros primeros programas.
<br></br>
Puedes seguir uno de <a href="https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=57&Itemid=86">nuestros cursos</a> entre los varios disponibles. Cuando haya que utilizar un editor de<br>
texto recomendamos el uso de uno potente y sencillo como el Notepad++, aunque son válidas otras alternativas como Crimson Editor.</p>
<img src="http://downloads.techweekeurope.co.uk/wp-content/uploads/2011/07/Notepad++.jpg"/> <img src="http://www.crimsoneditor.com/images/logo.jpg"/>
<br></br>
<p>Si quieres contactar con nosotros envianos este formulario de relleno:</p>
<form method="get" action="http://aprenderaprogramar.com">
Nombre: <input name="nombre" id="nombre" type="text"/><br>
Apellido: <input name="apellido" id="apellido" type="text"/><br>
Dirección: <input name="direccion" id="direccion" type="text"/><br>
Correo Electrónico: <input name="correo" id="correo" type="text"/><br>
Mensaje: <textarea cols="30" rows="3"> </textarea><br></br>
<button type="submit">Enviar</button> <button type="reset">Cancelar</button>
</form>
</div>
<div style="border: 1px;">
<br><br><br>
<img src="http://i.imgur.com/kX1vDm8.png"/> <img src="http://i.imgur.com/RzQSLys.png"/>
</div>
<body>
</html>

Intente hacer la replica lo mejor posible! así me quedo!

Espero sus correcciones y comentarios,
Salu2!

Alex Rodríguez · « **Respuesta #1 en:** 24 de Mayo 2015, 17:27 »

Hola Dan, casi perfecto, vamos con los comentarios.

Para que el contenido del textarea se envíe con el formulario debes incluirle un name e id, por ejemplo name="txtAreaContent" id="txtAreaContent"

Fijate en la url de destino, verás que no lleva el contenido del textarea por este motivo.

Tienes mal escrito width en <hr style="color: black; with: 10%;"/>

En el resto del código todo bien.

Saludos

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: