Práctica 3: Análisis del código HTML de páginas web.

Ejercicio 1:

Internet explorer:

<META name="keywords" content="Museo del Traje"> 


<META http-equiv="Content-Style-Type" CONTENT="text/css">





Mozilla firefox:


 
<div id="h1text"><h1>Museo del Traje</h1></div>
<div id="loguito"><img src="images/loguito.jpg" alt="Museo del Traje" width="25" height="26" /></div>

<div class="mainBox">
<div class="minwidth">
<div class="layout">
<div class="container">
<div class="mainFrame">

<div class="enlaces"> | <a href='index.jsp?id=9&ruta=1'>contacto</a> | <a href="webmap.jsp">mapa web</a></div>

<div id="boxTop"><a href="http://www.mcu.es" target="_top"><img src="images/escudo.gif" alt="Ministerio de Educaci&oacute;n, Cultura y Deporte" width="320" height="60" /></a><a href="index.jsp" target="_top"><img src="images/logo.jpg" alt="Museo del Traje" width="260" height="60" /></a></div>

<div id="boxNav">
<div id="boxSearch">
  <form id="Search" method="post" action="index.jsp">
    <label for="textfield"></label>
    
      <input name="buscar_cadena" type="text" class="input" id="buscar_cadena" accesskey="1" tabindex="1" value="" size="22" />
    
    <label for="Submit"></label>
    <input type="submit" class="button" name="Buscar" value="Buscar" accesskey="2" tabindex="2" id="Submit" />
  </form>   
 </div>
</div>

<div id="boxMenu">

<div class="nivel0">INFORMACIÓN</div>
<div class="nivel1"><a href="index.jsp?id=11&ruta=2" target="_top">visita</a></div>
<div class="nivel1"><a href="index.jsp?id=12&ruta=2" target="_top">atención al visitante</a></div>
<div class="nivel1"><a href="index.jsp?id=13&ruta=2" target="_top">accesibilidad</a></div>
<div class="nivel1"><a href="index.jsp?id=14&ruta=2" target="_top">comunicación y prensa</a></div>
<div class="nivel0">EXPOSICIÓN</div>
<div class="nivel1"><a href="index.jsp?id=15&ruta=3" target="_top">visita virtual</a></div>
<div class="nivel1"><a href="index.jsp?id=16&ruta=3" target="_top">exposiciones temporales</a></div>
<div class="nivel1"><a href="index.jsp?id=316&ruta=3" target="_top">novedades</a></div>
<div class="nivel0">ACTIVIDADES</div>
<div class="nivel1"><a href="index.jsp?id=28&ruta=7" target="_top">agenda</a></div>
<div class="nivel1"><a href="index.jsp?id=77&ruta=7" target="_top">programación</a></div>
<div class="nivel1"><a href="index.jsp?id=81&ruta=7" target="_top">boletín digital</a></div>
<div class="nivel0">MUSEO</div>
<div class="nivel1"><a href="index.jsp?id=21&ruta=5" target="_top">historia</a></div>
<div class="nivel1"><a href="index.jsp?id=22&ruta=5" target="_top">club museo a mano</a></div>
<div class="nivel1"><a href="index.jsp?id=23&ruta=5" target="_top">quiénes somos</a></div>
<div class="nivel1"><a href="index.jsp?id=415&ruta=5" target="_top">el museo en cifras</a></div>
<div class="nivel0">INVESTIGACIÓN</div>
<div class="nivel1"><a href="index.jsp?id=24&ruta=6" target="_top">biblioteca</a></div>
<div class="nivel1"><a href="index.jsp?id=25&ruta=6" target="_top">publicaciones</a></div>
<div class="nivel0">COLECCIONES</div>
<div class="nivel1"><a href="index.jsp?id=17&ruta=4" target="_top">galería</a></div>
<div class="nivel1"><a href="index.jsp?id=18&ruta=4" target="_top">catálogo</a></div>
<div class="nivel1"><a href="index.jsp?id=19&ruta=4" target="_top">últimos ingresos </a></div>
<div class="nivel1"><a href="index.jsp?id=20&ruta=4" target="_top">el museo fuera del museo</a></div>



<br style="clear:both;" />
<br style="clear:both;" />
</div>

<div id="boxBanner">

<!--Inicio-->
<div class="tipTitulo">
<div class="tipBarra">
<div><a href="index.jsp?lang=esp">Bienvenido</a> | <a href="index.jsp?lang=eng">Welcome</a></div>
</div></div>
<!--Inicio-->

 </div>
</div>

 

<div id="boxCont">
<div class="contFoto">



</div>

<div class="contTexto">

<div id="contPortada">
<a href="index.jsp?id=818&ruta=3,316"><img src="http://museodeltraje.mcu.es/fotos/portada/Portada57.jpg" alt="Museo del Traje" width="260" /></a><br/><br/><a href="index.jsp?id=818&ruta=3,316"> </a>

</div>
<div id="contAvisos">
<div id="contAviso_no_imagen"><div class="avizquierda"><a href="index.jsp?id=77&ruta=7"><!--br--><img src="http://museodeltraje.mcu.es/fotos/portada/avisos/avisos-portada-Invierno2015.jpg" alt="Museo del Traje" width="224" height="71" /></a></div></div><div id="contAviso_no_imagen"><div class="avizquierda"><a href="index.jsp?id=807&ruta=3,316"><!--br--><img src="http://museodeltraje.mcu.es/fotos/portada/avisos/avisos-portada-balenciaga.jpg" alt="Museo del Traje" width="224" height="71" /></a></div></div><div id="contAviso_no_imagen"><div class="avizquierda"><a href="index.jsp?id=68&ruta=7,77,188"><!--br--><img src="http://museodeltraje.mcu.es/fotos/portada/avisos/avisos-portada-exodus-conf.jpg" alt="Museo del Traje" width="224" height="71" /></a></div></div><div id="contAviso_no_imagen"><div class="avizquierda"><a href="index.jsp?id=828&ruta=3,16,170,795"><!--br--><img src="http://museodeltraje.mcu.es/fotos/portada/avisos/avisos-portada-exodus.jpg" alt="Museo del Traje" width="224" height="71" /></a></div></div>

<br />






</div>

<br style="clear:both;" />

<div id="pie">

<div class="derecha"> | <a href='index.jsp?id=254&ruta=1'>acerca de</a> | <a href='index.jsp?id=255&ruta=1'>nota legal</a> | <a href='index.jsp?id=256&ruta=1'>accesibilidad WAI</a> | <a href='index.jsp?id=29&ruta=1'>AMIGOS DEL MUSEO</a> | <a href='index.jsp?id=27&ruta=1'>enlaces</a></div>
</div>
<div class="izquierdaCopy">
  <!--
  <a href="http://www.mcu.es/museos/musica2006/" target="_blank" title="abrir enlace externo en ventana nueva"><img src="images/musica2006.jpg" alt="Fiesta Europea de la Música" width="99" height="40" border="0"><br>
   <font color="#000000">Fiesta Europea de la Música en los Museos</font> </a-->   <!--a href="http://www.mcu.es/museos/Dia_museos2006/index.html" target="_blank"><span style="  color:#000000;text-decoration:none;font-size:100%;font-weight:bold;">D&iacute;a Internacional de los Museos</span></a><br>
    <a href="http://www.mcu.es/museos/Noche_museos2006/index.html" target="_blank" ><span style="color:#000000;text-decoration:none;font-size:100%;font-weight:bold;"> 
    La Noche de los Museos</span></a>
    -->
    <br>&copy; Ministerio de Educaci&oacute;n, Cultura y Deporte</div>
  <div id="wai">
   
      <a href="http://www.facebook.com/pages/Museo-del-Traje-Madrid/357948369351" target="_blank" title="Este enlace se abre en ventana nueva"><img src="images/face.gif" alt="Facebook"/></a>
      
      <a alt="Este enlace se abre en ventana nueva" target="_blank" title="Twitter" href="http://twitter.com/#!/MuseodelTraje"><img alt="Twitter" src="images/twitter.gif"></a>
      
      <a href="/rss/MT-RSS.xml" target="_blank" title="Se abre en otra ventana" alt="Se abre en otra ventana"><img src="images/RSS.gif" alt="Titulares RSS disponibles"/></a>
      
      
    <a href="http://www.tripadvisor.es/Attraction_Review-g187514-d500563-Reviews-Museum_of_Costume-Madrid.html" target="_blank" title="Se abre en otra ventana" alt="Se abre en otra ventana"><img src="images/TripAdvisor.gif" alt="Museo del Traje"/></a>
   
   
   <span>
        <a href="http://www.w3.org/WAI/WCAG1AA-Conformance" target="_blank" title="Se abre en otra ventana" alt="Se abre en otra ventana"><img src="images/dobleA.jpg" alt="Logo WAI Doble AA" width="60" height="22" /></a>
      </span>
  </div>
</div>

</div>
</div>
</div>
</div>
</div>

Ejercicio 2: