Autor Tema: Los errores de sintaxis en HTML y consecuecias Crear portal web básico CU00727B. (Leído 3285 veces)

Jack_F · « **en:** 17 de Diciembre 2016, 20:57 »

Hola amigos aqui dejo el ejercicio CU00727B del curso de fundamentos de programación web con HTML desde cero.

Citar

EJERCICIO

Define la estructura de un portal web que conste de:

a) Una cabecera con una imagen, un texto h1, y otra imagen que a su vez sea un link.

b) Un cuerpo con un menú que contenga 5 items, una imagen y dos párrafos.

c) Un pie que contenga una imagen, un copyright y un texto que sea a su vez un link.

Código: [Seleccionar]

<!DOCTYPE html>
<html>
        <head>
		        <meta charset="utf-8" />
				<title>crear portal WEB basico pagina principal. CU00727B</title>
		</head>
		<body>
		        <div id="page" style="width: 980px; text-align: center; margin: auto; border: 2px solid gray;">
				      <div id="header">
					         <a href="https://es.wikipedia.org/wiki/Sword_Art_Online" target="_blank" title="WikiPedia"><img src="http://i44.photobucket.com/albums/f30/Jack_f1/sao_videogame_zpsmulnkzfr.jpg" alt="cabecera" width="400" border="1" /></a>
							 <h1>Sword Art Online</h1>
							 <img src="http://i44.photobucket.com/albums/f30/Jack_f1/cabecera_zpsrbzmq8de.png" alt="Cabecera" width="60%" /></a>
							 </br>
					  </div>
					 <!--fin cabecera-->
					 
					 <!--contenedor-->
			    <div id="wrapper">
				<!--menu-->
				
					  <div id="menu">
					         <div>Menú</div>
                 <hr style="color:green; background-color:green; width:50%;" />
					  </div>
					  <!--fin menu-->
					  <!--cuerpo-->
					  <div id="body" style="width:980px; text-align:ceneter; margin: auto; border; 2px solid blue;">
					         <ul style="text-aling:center;">
							      <li><a href="http://animeflv.net/anime/813/sword-art-online" target="_blank">Episodios de Sword Art Online temporada (1)</a></li> 
								   <li><a href="http://animeflv.net/anime/1394/sword-art-online-2" target="_blank">Episodios Sword Art Online temporada (2)</a></li>
								   <li><a href="http://animeflv.net/ova/1180/sword-art-online-extra-edition" target="_blank">OVA de Sword Art Online</a></li>
								   <li><a href="http://es.swordartonline.wikia.com/wiki/Sword_Art_Online_(manga)" target="_blank">Mangas</a></li>
								   <li><a href="http://es.swordartonline.wikia.com/wiki/Categor%C3%ADa:Canciones" target="_blank">Canciones de Sword Art Online</a></li>
							 </ul>
							 
							 <img src="http://i44.photobucket.com/albums/f30/Jack_f1/SAO_zpsyo0g9ytd.jpg" alt="imagen de cuerpo" width="400" /><br /><br />
							 <b>Aincrad</b><p>Todo empieza en el año 2022 hasta 2025, cuando se desarrolla un VRMMORPG (Virtual Reality Massive Multiplayer Online Role 
							 Playing Game) llamado Sword Art Online (SAO). Consta de 100 pisos, que contienen un jefe cada uno. Lo que los jugadores no 
							 saben es que la muerte dentro del juego o la desconexión forzada fuera de ella significará la muerte en el mundo real. Uno de los 
							 1000 beta testers que probó el juego es Kazuto "Kirito" Kirigaya. Debido a que pasó más pisos que el resto de los beta testers y 
							 para evitar discriminación, Kirito creó su propia clase: beater (o Beta Cheater), debido a que la mayor parte juega solo, incluso 
							 tras la muerte de Sachi en una emboscada. Eventualmente Kirito conoce a algunos aliados, a Yui, la hija de Kirito y Asuna, "Ataúd 
							 Risueño" que se compone de jugadores vándalos que matan a los demás jugadores, y el creador de SAO Akihiko "Heathcliff" 
							 Kayaba, que activó las trampas para que los jugadores estuvieran dentro del juego. De unos 10 000 jugadores que entraron al 
							 juego, 3853 fueron eliminados y cerca de la mitad de esta cifra ocurrió en el primer mes. Tras la eliminación de Kayaba, todos los 
							 sobrevivientes logran desconectarse.</p><br /><br />
							 
							 <b>Fairy Dance</b><p>Han pasado 2 meses desde que Kazuto despierta en el mundo real después de ganar SAO. Sin embargo, Asuna está cautiva en 
							 otro VRMMORPG, ALfheim online (ALO) juego sucesor de Sword Art Online, además de 300 jugadores de SAO que no 
							 despertaron y son parte de un grupo de prueba en una investigación secreta e ilegal de realidad virtual llevada a cabo por Sugō 
							 Nobuyuki, supuesto prometido de Asuna y director de investigación en RCT, compañía a cargo del servidor que mantiene ALO y 
							 por lo tanto responsable directo del cautiverio de los jugadores. Kazuto, entrando a ALO como Kirito y reactivando a Yui, decide 
							 rescatar a Asuna de su prisión y con la ayuda de Suguha "Leafa" Kirigaya, se embarca en la misión de derrotar al Rey de ese 
							 mundo Oberon, que no es otro que el mismo Sugō, pero al percatarse de que el primer intento de rescate fallaba, Kirito se dá 
							 cuenta de un triángulo amoroso en que Leafa se estaba enamorando de su primo/hermano, lo que complicó la situación, incluso 
							 fuera del juego. Se inició un segundo intento, en el cual Kirito frustra los planes de Sugō, desconectando a Asuna, a 300 
							 jugadores de SAO capturados y al resto de los de ALO, lo que originó una batalla a muerte incluso fuera del juego. Antes de que 
							 Kirito se desconectara, Fragmentos de Kayaba le entregó a Kirito "la semilla" -un paquete de datos que permite crear su propio 
							 juego- antes de morir, debido a que el Kayaba real se sacrificó para subir su cerebro usando la versión experimental y altamente 
							 destructiva de NerveGear. Eventualmente Kazuto se reune con Asuna, y se sube "la semilla" a la nube, reinstalando Aincrad en 
							 ALO como expansión.</p>
					  </div>
					  <!--fin cuerpo-->
					  </div>
					  <!--fin contenedor-->
				<div id="footer" style="width:980; text-aling:center; margin:auto; border: 2px solid red;">
				      <img src="http://lh5.ggpht.com/_PeVwghrmOec/TMkzEonRrcI/AAAAAAAAAHc/IxL8g0fTYtk/an_oliva_png.png" alt="pie de la página" /> <p><a href="http://aprenderaprogramar.com/">Copyright 2006-2034 aprenderaprogramar.com</a></p>
				</div>
               <!--fin pie-->				
				</div>
		</body>
</html>

Chompy129 · « **Respuesta #1 en:** 19 de Diciembre 2016, 01:07 »

Lo veo todo correcto. Tienes uno que otro error de sintaxis dentro de atributos style="....." pero el ejercicio cumple su objetivo.

Un saludo.

PD: Me encanto el tema que usaste para la pagina.

pedro,, · « **Respuesta #2 en:** 19 de Diciembre 2016, 10:55 »

Hola Jorgito.

Como dice el compañero Chompy129, tienes varios errores de sintaxis.

En la primer imagen, recuerda que el atributo "border" está obsoleto, con lo que sería más adeacuado usar style="", como has hecho con otros elementos del documento.

El primer salto de línea que usas esta mal, usaste "</br>" cuando debe de ser "<br/>".

Después de la segunda imagen, añades "</a>", sin haber abierto este elemento antes, así que sobra.´

Para que al elemento "hr" que introdujiste, se pueda ver el color que añadiste, deberías aumentar su grosor para poder apreciarlo, lo puedes hacer añadiendo al "style="height: 2px""

Usas como nombre de "id" "body", es conveniente no usar los nombres de las etiquetas "html" para nombrar sus "id" o "name".

En el "div" que tiene "id="body"", en "style" tienes mal escrito "center", pusiste "ceneter" y además después de escribir "border", escribiste punto y coma(;) y deben de ser dos puntos(:).

En el "div" con "id="footer"" en "style", la proiedad "tex-align" está mal escrita, tu pusiste "text-aling".

Saludos.

Jack_F · « **Respuesta #3 en:** 20 de Diciembre 2016, 02:01 »

Hola gracias por explicarme mis errores, si a veces ecribo tan apurado que por eso debe ser que tengo algunos errores. Pero agradesco sus comentarios y su ayuda.

Un saludo.

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

Noticias: