Skip to content

Instantly share code, notes, and snippets.

@Osukaru
Created March 31, 2011 08:04
Show Gist options
  • Save Osukaru/896006 to your computer and use it in GitHub Desktop.
Save Osukaru/896006 to your computer and use it in GitHub Desktop.
Un ejemplo HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="es" lang="es" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>AESA CSS</title>
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/text.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/960.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/main.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/estilosAplicacion.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/estilosArista.css" />
</head>
<body>
<div class="container_12" id="contenedor_idiomas">
<div class="grid_12" id="idiomas">
<ul>
<li class="primerElemento"><a href="" target="_self" title="Castellano" class="idiomaOn">Bienvenido</a></li>
<li><a href="" target="_self" title="Català">Benvingut</a></li>
<li><a href="" target="_self" title="Euskera">Ongi etorri</a></li>
<li><a href="" target="_self" title="Galego">Benvido</a></li>
<li><a href="" target="_self" title="Valencià">Benvingut</a></li>
<li><a href="" target="_self" title="English">Welcome</a></li>
</ul>
</div>
<!-- end .grid_12 -->
<div class="clear"></div>
</div>
<!-- end #idiomas -->
<div class="container_12" id="contenedor_cabecera">
<div class="grid_3">
<a class="logoFomento"
href=""
title="Web del Ministerio de Fomento. Se abre en una ventana nueva"
target="_blank"></a>
</div>
<div class="grid_3">
<a class="logoAesa" href="" title="Ir a la página de Inicio"></a>
</div>
<div class="grid_6" id="pestanyas_contenedor">
<div id="pestanyas">
<div class="noactiva">
<a target="_self" title="Pasajeros"
href="/Texto/Plantillas/listadoEnlacesAvanzado/_1zwQ6iwQ1z4Kr73m61iCYp1cRufrxTQ1AtBGF3u2X7XHwJb2IGD3GXbSdMEIUdTglhsh5o7kVX-4E2ZMExd2hKIYFbCfKNIo">Pasajeros</a>
</div>
<div>
<a target="_self" title="Profesionales"
href="/Texto/Plantillas/listadoEnlacesAvanzado/_1zwQ6iwQ1z7ytgMzgl4EIJJtnENRX4Xqwkd6QjgYSXAumLyJNk8TNnS4lcV5Jws63tgUgoFYqCuj_L4lUamPD4J3a8HNUkW4">Profesionales</a>
</div>
<div>
<a target="_self" title="Compañías"
href="/Texto/Plantillas/listadoEnlacesAvanzado/_1zwQ6iwQ1z5Ir78zrMBUT3hUwdOaguH0XY9FAkRM2Oh9rzEAmbtOsSxeyB-7D8HrWaahuUsnqAolRCN0yuYUGHZoFpHf9rjUKHbZuktZQ5k">Compañías</a>
</div>
</div>
</div>
<!-- end .grid_12 -->
<div class="clear"></div>
</div>
<!-- end #cabecera -->
<div class="container_12" id="contenedor_subcabecera">
<div id="subcabecera">
</div>
<div class="clear"></div>
<div id="recursivo" class="grid_9">
<ul>
<li class="primerElemento"><a href="" target="_self" title="Conoce la agencia">Conoce la agencia</a></li>
<li><a href="" target="_self" title="Tablón de anuncios">Tablón de anuncios</a></li>
<li><a href="" target="_self" title="Actualidad">Actualidad</a></li>
<li><a href="" target="_self" title="Encuestas">Encuestas</a></li>
</ul>
</div>
<div id="buscar" class="grid_3">
<form name="formulario" method="post" action="" id="formulario">
<fieldset>
<legend>Formulario para BUSCAR dentro de la web de AESA</legend>
<label for="queryString">Buscar: </label>
<input type="text" name="queryString" id="queryString" tabindex="1" class="txtBuscar" accesskey="B" value="Buscar" />
<input type="submit" tabindex="2" class="btBuscar" value="Buscar" id="Submit1" name="Submit1"/>
</fieldset>
</form>
</div>
<div class="clear"></div>
</div>
<!-- end #contenido -->
<div class="container_12" id="contenedor_principal">
<div class="grid_4" id="menu_opciones">
<ul class="primer_nivel">
<li>
<a class="selected" href="home_usuario" target="_self" title="Coordinación de enseñanzas aeronáuticas">
Coordinación de enseñanzas aeronáuticas
</a>
<ul class="segundo_nivel">
<li>
<a class="selection" href="firma_init_externa?lang=ES" target="_self" title="Regístrese">
Regístrese
</a>
<ul class="tercer_nivel">
<li>
<a class="select" href="firma_init_externa?lang=ES" target="_self" title="Regístrese">
Regístrese
</a>
</li>
<li>
<a href="llamar_correo_externo?lang=ES" target="_self" title="Soporte técnico">
Soporte técnico
</a>
</li>
</ul>
</li>
<li>
<a href="llamar_correo_externo?lang=ES" target="_self" title="Soporte técnico">
Soporte técnico
</a>
</li>
</ul>
</li>
<li>
<a href="home_usuario" target="_self" title="Coordinación de enseñanzas aeronáuticas">
Coordinación de enseñanzas aeronáuticas
</a>
<ul class="segundo_nivel">
<li>
<a href="firma_init_externa?lang=ES" target="_self" title="Regístrese">
Regístrese
</a>
</li>
<li>
<a href="llamar_correo_externo?lang=ES" target="_self" title="Soporte técnico">
Soporte técnico
</a>
</li>
</ul>
</li>
</ul>
</div>
<!-- end .grid_4 -->
<div class="grid_8">
<div id="caminoMigas" class="grid_8 alpha omega">
<span>Está en: </span>
<ul>
<li class="primerElemento">
<a href="" target="_self" title="Inicio">Inicio</a>
</li>
<li>
<a href="" target="_self" title="Aeronaves">Aeronaves</a>
</li>
<li>
<a href="" target="_self" title="Certificación">Certificación</a>
</li>
<li>Directivas de aeronavegabilidad</li>
</ul>
</div>
<div class="clear"></div>
<div id="contenido" class="grid_8 alpha omega">
<div id="contenedorPrincipalCabeceras">
<div class="cabeceraCanal">
<a href="https://www.seguridadaerea.es/aerma/" title="">Registro de Matr&iacute;cula de Aeronaves</a>
</div>
<h1 id="PHTitulo">Solicitud de Titularidad y Cargas de aeronaves</h1>
</div>
<div id="capaPrincipalContenido">
<div class="capaGenericaContenido">
<p class="alignLeft">Está usted en la pantalla de entrada de la aplicación de gestión de licencias del personal de vuelo. Deberá introducir su usuario y contraseña.</p>
</div>
<div class="capaGenericaContenido">
<p class="alignLeft">En el caso de que usted no esté registrado y posea una licencia de piloto válida, expedida por la Agencia Estatal de Seguridad Aérea, podrá registrarse pulsando el botón <strong>Regístrese</strong> que aparece abajo a la derecha.</p>
</div>
<form action="validar_acceso" method="post" name="entrada">
<div class="fondoFormulario">
<fieldset>
<legend>Introduzca su usuario y contraseña de acceso</legend>
<p><label for="usuario">Usuario (NIF/NIE)</label></p>
<input type="text" id="usuario" name="usuario" class="left300" maxlength="15">
<p><label for="contrasenia">Contraseña: </label></p>
<input type="password" id="contrasenia" name="contrasenia" class="left300" maxlength="16"><input type="hidden" name="lang" value="ES">
</fieldset>
<div class="botoneraEnFormulario alignCenter">
<input type="submit" value="Acceder a la aplicación" class="botonAplicacion" id="Acceder">
</div>
</div>
</form>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<!-- end #contenido -->
<div class="container_12" id="contenedor_pie">
<div id="opciones_pie" class="grid_6">
<p>
<ul>
<li class="paginaInicio">
<a href="" onclick="">Establecer AESA como página de inicio</a>
</li>
<li class="correo">
<a href="" title="Enviar correo a AESA" onclick="" onkeypress="">Contacto</a>
</li>
</ul>
</p>
<p>
<ul class="letraMini">
<li class="primerElemento">
<a href="" target="_blank" title="Se abre en una ventana nueva">Accesibilidad web</a>
</li>
<li>
<a href="" target="_blank" title="Se abre en una ventana nueva">Usabilidad</a>
</li>
<li>
<a href="" target="_blank" title="Se abre en una ventana nueva">Aviso Legal</a>
</li>
</ul>
</p>
</div>
<!-- end opciones_pie -->
<div id="certificaciones" class="grid_4 prefix_2">
<p>
<a href="http://jigsaw.w3.org/css-validator/" target="_blank" title="¡CSS Válido!Este enlace abre una ventana nueva">
<img src="images/v3ccss.gif" alt="¡CSS Válido!"/>
</a>
<a href="http://validator.w3.org/check?uri=referer" target="_blank" title="¡Valid XHTML 1.0 Transitional!Este enlace abre una ventana nueva">
<img src="images/w3cxhtml.gif" alt="Valid XHTML 1.0 Transitional"/>
</a>
<a href="http://www.w3.org/WAI/WCAG1AA-Conformance" target="_blank" title="WAI-AA">
<img src="images/w3c.gif" alt="WAI-AA"/>
</a>
<a href="" target="_self" title="RSS">
<img src="images/ico_rss.gif" alt="RSS"/>
</a>
</p>
<p class="letraMini">Seguridad Aérea</p>
</div>
<!-- end certificaciones -->
<div class="clear"></div>
</div>
<!-- end #pie -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment