Autor Tema: Ejercicio CU00715B - Curso HTML - Clase: Encabezado, parrafos y etiquetas. (Leído 3077 veces)

Pitu · « **en:** 16 de Abril 2015, 05:25 »

Hola, chicos! En mi ventana de notepad++ las ultimas 3 líneas usando el tabulador las puse exactamente igual a lo planteado en el ejercicio, pero en el navegador (probé con chrome, firefox e ie) me quedan a distinta medida. Incluso al previsualizar este mje, las lineas no estan a la misma medida que yo las copié en el notepad.

Les paso el código:

Código: [Seleccionar]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head> <meta charset="utf-8">

<title>Mi viaje a New York</title>

</head>

<body>

<pre>
<h1>
<p style="text-align: center;"> Las fotos de mi viaje</h1></p>

<p style="text-align: center;">Estuve de viaje por Nueva York. 
¡Un sueño hecho realidad! 
Les comparto algunas fotos de este increíble viaje.</p>

<h2>
<p style="text-align: center">Fotos de la primera parte de mi viaje</p></h2>

<img src= "http://3.bp.blogspot.com/-zNpUCi4Umf4/Uj_Dm2CzOoI/AAAAAAAAK0A/QSREzlYlYOc/s1600/PANO_20130917_123409.jpg" width= "50%" border="2" alt="Rockefeller Center">

<img src= "http://3.bp.blogspot.com/-dRNYB4F3CcY/Uj_G6_VP8sI/AAAAAAAAK08/PkO89Lcf7fw/s1600/PANO_20130918_175930.jpg" width= "50%" border="2" alt="Central Park">


<h2>
<p style="text-align: center">Fotos de la segunda parte de mi viaje</p></h2>

<img src= "http://2.bp.blogspot.com/-ys9jAiXUdt8/Uj_KlZNnhhI/AAAAAAAAK1o/5wGQAWcJcBk/s1600/PANO_20130919_121205.jpg" width= "50%" border= "2" alt= "Times Square">

<img src= "http://3.bp.blogspot.com/-mcMRQ6n0Org/Uj_PFy4-xqI/AAAAAAAAK2o/08S-POCNt_Q/s1600/IMG_2806.JPG" width= "50%" border= "2" alt= "Brooklyn Bridge"

</pre>


<pre>

<p>Los viajes 				...son libertad
								...son amistad
									...son crecimiento personal
																		
				¡No desaproveches una oportunidad!</p>
</pre>
</body>
</html>

PD: Si tienen alguna otra correción para hacerme, sera más que bienvenida!

Alex Rodríguez · « **Respuesta #1 en:** 16 de Abril 2015, 10:14 »

Hola pitu tienes algunos errores que deberías corregir

<h1>
<p style="text-align: center;"> Las fotos de mi viaje</h1></p>

No está bien escrito. Una vez abres una etiqueta como <p>, debes cerrarla antes de cerrar otra como <h1>

Lo correcto es

<h1><p style="text-align: center;"> Las fotos de mi viaje</p></h1>

Esto es incorrecto también:

<pre>
<h1>

<pre> sólo debe usarse para delimitar texto, por tanto no puede estar envolviendo a otras etiquetas como h1, tampoco a etiquetas <p>, por lo que esto no está bien

<pre>
<p>Los ...

Saludos

Pitu · « **Respuesta #2 en:** 16 de Abril 2015, 21:30 »

Ah, ya entendí! Me dí cuenta que repito el error de no respetar el orden de las etiquetas practicamente todo el tiempo. Muchas gracias!

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

Noticias: