Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: 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:
(http://i.imgur.com/7leBMjW.png)
Aqui el codigo!
<!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!
(http://i.imgur.com/bAY5uNE.png)
Espero sus correcciones y comentarios,
Salu2!
-
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