Autor Tema: clonar una página que hayamos visto usando HTML hacer maquetación CU00726B (Leído 1947 veces)

mattu97 · « **en:** 12 de Septiembre 2016, 01:28 »

Pagina del ejercicio CU00726B del curso de programación web con HTML:
http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=545:div-y-span-html-tags-capas-o-contenedores-ejemplos-uso-maquetar-estructura-de-paginas-web-cu00726b&catid=69:tutorial-basico-programador-web-html-desde-cero&Itemid=192

Código: [Seleccionar]

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Mi primera pagina clonada</title>	
	</head>
	<body>
		<div>
			<h1>Portal webaprenderaprogramar.com</h1>
			<h2>Didáctica y divulgación de la progrmacion</h2>
			<br/>
		</div>	
		<div>
			Menú
			<hr size="2px" color="black"/>
			<ul>
				<li type="disc"><a href="http://aprenderaprogramar.com/index.php?option=com_content&view=frontpage&Itemid=46" title="Inicio">Inicio</a></li>
				<li type="disc"><a href="http://aprenderaprogramar.com/index.php?option=com_content&view=section&layout=blog&id=7&Itemid=26" title="Libros de programación">Libros de programación</a></li>
				<li type="disc"><a href="http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=57&Itemid=86" title="Cursos de programación">Cursos de programación</a></li>
				<li type="disc"><a href="http://aprenderaprogramar.com/index.php?option=com_content&view=section&layout=blog&id=10&Itemid=48" title="Humor informático">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=article&id=28&Itemid=73" title="Aprender programación">aprender programacion</a> no es tarea de un día ni de una semana: aprender programación requiere almenos 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 dias 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">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 validas otras alternativas como Crimson Editor.</p>
			<a href="https://notepad-plus-plus.org/" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/0/0f/Notepad%2B%2B_Logo.png" alt="Notepad++"></a> <a href="http://www.crimsoneditor.com/" target="_blank"><img src="http://www.crimsoneditor.com/images/logo.jpg"></a>
			<p>Si quieres contactar con nosotros envianos este formulario relleno:</p>
			<form method="get" action="file:///home/mellado/Documentos/paginaclon">
			Nombre:<input type="text" name="Nombre"/>
			<br/>
			Apellidos:<input type="text" name="Apellidos"/>
			<br/>
			Direccion:<input type="text" name="direccion"/>
			<br/>
			Correo electrónico:<input type="text" name="email"/>
			<br/>
			Mensaje:<textarea name="mensaje" rows="3" cols="40"/> </textarea>
			<br/>
			<input type="submit" value="Enviar"/>
			<input type="reset" value="Cancelar"/>
			</form>
			<br/>
			<br/>
		</div>
		<div>
			<a href="http://aprenderaprogramar.com/" target="_blank"><img src="http://lh5.ggpht.com/_PeVwghrmOec/TMkzEonRrcI/AAAAAAAAAHc/IxL8g0fTYtk/an_oliva_png.png" alt="Aprender a programar"></a> Copyright 2006-2038 aprenderaprogramar.com
		</div>
	</body>
</html>

pedro,, · « **Respuesta #1 en:** 13 de Septiembre 2016, 00:30 »

Hola mattu97.

Lo primero darte la bienvenida ya que veo que es el primer mensaje que dejas en el foro.

También recomendarte que leas este enlace para que veas como proceder a la hora de escribir un nuevo tema, introducir el código, poner el título, etc.
https://www.aprenderaprogramar.com/foros/index.php?topic=1460.msg7784#msg7784

Sobre el ejercicio decirte que cumple con lo requerido.

Solo comentarte que si has ido siguiendo el curso, tienes que recordar que hay ciertas cosas en el código que están "deprecated ", es decir, obsoletas, como las propiedades que aplicaste a este elemento "hr"...

Código: [Seleccionar]

<hr size="2px" color="black"/>
y también la propiedad que aplicaste a los elementos "li" de la lista no ordenada.

En uno de los elementos "img" no añadiste la propiedad "alt" que siempre es recomendable usarla por si la imagen no se cargara tener algún comentario de lo que hubiese en dicha imagen.

Y por último, en la línea:

Código: [Seleccionar]

<textarea name="mensaje" rows="3" cols="40"/> </textarea>
te sobra la "/" que pones al final de la etiqueta de apertura del elemento "textarea"

Saludos.

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

Noticias: