« anterior próximo »
Páginas: [1]

Autor Tema: crear una página web básica con capas HTML con div y span ejercicio CU00726B  (Leído 3831 veces)

Mastermind

  • Experto
  • *****
  • Mensajes: 536
    • Ver Perfil
crear una página web básica con capas HTML con div y span ejercicio CU00726B
« en: 05 de Agosto 2015, 18:44 »
Posible código propuesta de solución para este ejercicio:

Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>HTML- Maquetar estructura</title>
</head>
<body>
<div id="cabezera">
<h1>Portal web aprenderaprogramar.com</h1>
<h2>Didáctica y divulgación de la programación</h2>
</div>
<div id="cuerpo">
<h4>Menú</h4>
<hr style="heigth:5px; color:black; width:90%; margin-left:2px;">
<ul>
<li><a href="#" target="_blank">Inicio</a></li>
<li><a href="#" target="_blank">Libros de programación</a></li>
<li><a href="#" target="_blank">Cursos de programación</a></li>
<li><a href="#" 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="#">aprender programación</a> no es tarea de un día ni de una semana: aprender programació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="#">nuestros 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 personalmente me gusta utilizar Sublime Text.</p>
<img src="http://i.imgur.com/uCNBV.png" width="200" height="150"><img src="http://www.smartdxl.com/images/editors20.png" width="400" height="150"><br/>
<p>Si quieres contactar con nosotros envianos este formulario relleno</p>
<form method="post" action="http://aprenderaprogramar.com/action.php">
Nombre: <input name="nombre" type="text" /><br/><br/>
Apellidos: <input name="apell" type="text" /><br/><br/>
Dirección: <input name="direc" type="text" /><br/><br/>
Correo electrónico: <input name="email" type="text" /><br/><br/>
Mensaje: <textarea name="msg" rows="2" cols="30"></textarea><br/><br/>
<input type="submit" value="Enviar"/><input type="reset" value="Cancelar"/><br/><br/>
</div>
<div id="piepagina">
<br/><br/>
<pre><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRfa_LfvI7cSXbrD2nlZZgGXNahHcu2p5Lk_vXByv9NpLeLWCmnEg"> Copyright 2006-2078 aprenderaprogramar.com</pre>
</div>
</body>
</html>
En línea
Páginas: [1]
« anterior próximo »
 

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