Foros aprenderaprogramar.com
Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: 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:
<!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!
-
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
-
Ah, ya entendí! Me dí cuenta que repito el error de no respetar el orden de las etiquetas practicamente todo el tiempo. Muchas gracias!