manual de html css

Páginas: 16 (3912 palabras) Publicado: 18 de febrero de 2016
 

MANUAL DE HTML CSS 
 

 
TABLA DE CONTENIDO GNU Free Documentation License Licencia de Documentación Libre GNU 
Sección 1. Los Principios de HTML 1. 1 ¿Qué es HTML? 1. 2 Herramientas 1. 3 Archivos HTML 1. 4 
Sintaxis de las etiquetas 1. 5 Comenzando 1. 6 Etiqueta  1. 7 Etiquetas  y  1. 8 Etiqueta <BODY> 1. 9 Colores 1. 10 Etiqueta <P> 1. 11 Comentarios 1. 12 Caracteres especiales Sección <br /> 2. Aún mas principios 2. 1 Encabezados 2. 2 Texto preformateado 2. 3 Alineación del texto 2. 4 Fuentes 2. <br /> 5 Dando énfasis 2. 6 Trucos molestos 2. 7 Líneas horizontales 2. 8 Listas 2. 9 Saltos de línea. Sección 3. <br /> Vinculando 3. 1 Etiqueta <A> 3. 2 Vínculos dentro de una página 3. 3 Vínculos con otra página 3. 4 Vínculos con otros sitios 3. 5 Atributo TARGET 3. 6 Correo electrónico 3. 7 Grupos de noticias 3. 8 Sitios <br /> FTP 3. 9 Archivos 3. 10 Ejemplos Sección 4. Imágenes y píxeles 4. 1 Entendiendo los píxeles 4. 2 GIF 4. 3 <br /> PNG 4. 4 JPG 4. 5 Mas sobre <BODY> 4. 6 Etiqueta <IMG> 4. 7 Thumbnails 4. 8 Ejemplos Sección 5. <br /> Etiqueta <META> 5. 1 Etiqueta <META> 5. 2 Sobre HTTP­EQUIV 5. 3 Máquinas de búsqueda 5. 4 Ejemplos Sección 6. Accesorios 6. 0. Características del sitio 6. 1 Galerías de imágenes 6. 2 Programas de <br /> intercambio de banners 6. 3 Buscando un terreno 6. 4 Dándonos a conocer 6. 5 Apoyando nuestra causa 6. <br /> 6 Algunas palabras sobre la publicidad <br />  <br /> <br />  <br /> 6. 7 Estadísticas y contadores Sección 7. Tablas 7. 1 Introducción 7. 2 Etiqueta <TABLE> 7. 3 Etiquetas <br /> <TR> y <TD> 7. 4 Etiquetas <TH> y <CAPTION> 7. 5 Ejemplos Sección 8. Formularios 8. 1 Introducción 8. 2 Etiqueta <FORM> 8. 3 Etiqueta <INPUT> 8. 4 Campos de texto 8. 5 Campos de contraseña 8. 6 Áreas de <br /> texto 8. 7 Casillas de verificación 8. 8 Botones de opción 8. 9 Menús 8. 10 Botones 8. 11 Campos de <br /> archivos 8. 12 Ejemplo Sección 9. Mapas 9. 1 Introducción 9. 2 Etiqueta <MAP> 9. 3 Imágenes como <br /> mapas 9. 4 Etiqueta <AREA> 9. 5 Ejemplo Sección 10. Frames 10. 1 Introducción a los frames 10. 2 Etiqueta <FRAMESET> 10. 3 Etiqueta <FRAME> 10. 4 Frames anidados 10. 5 Etiqueta <IFRAME> 10. 6 <br /> Contenido Alternativo Sección 11. Scripts, Applets y demás I 11. 1 Introducción 11. 2 Cliente vs. Servidor <br /> 11. 3 JavaScript 11. 4 VBScript 11. 5 Java 11. 6 PHP 11. 7 ASP 11. 8 CGI 11. 9 Mapas del lado del servidor <br /> 11. 11 Etiqueta <SCRIPT> 11. 12 Eventos 11. 13 Etiqueta <NOSCRIPT> Sección 12. Introducción a las hojas de estilo 12. 1 ¿Que son las hojas de estilo? 12. 2 CSS y XSL 12. 3 Reglas Sección 13. Agregando <br /> Estilos I 13. 1 Agregando en HTML 13. 2 Links a hojas de estilo externas 13. 3 Importar hojas de estilo 13. 4 <br /> Estilos de línea en HTML 13. 5 Agrupamiento 13. 6 Clases 13. 7 Selectores contextuales 13. 8 Comentarios <br />  <br /> <br />  <br /> 13. 9 Ejemplo Sección 14. Agregando Estilos II 14. 1 Árbol de documento 14. 2 Herencia 14. 3 Cascada 14. 4 Reglas de orden de cascada 14. 5 Selectores hijos 14. 6 Selectores por atributos 14. 7 Selectores por ID <br /> 14. 8 Seudo clases 14. 9 Medidas 14. 10 Colores 14. 11 Problemas y navegadores Sección 15. <br /> Propiedades de las fuentes 15. 1 font­family 15. 2 font­size 15. 3 font­style 15. 4 font­variant 15. 5 <br /> font­weight 15. 6 font Sección 16. Propiedades de texto 16. 1 text­align 16. 2 text­decoration 16. 3 text­indent 16. 4 letter­spacing 16. 5 text­transform 16. 6 word­spacing Sección 17. La caja 17. 1 La caja <br /> (box) 17. 2 Dimensiones de la caja 17. 3 Propiedades del colchón 17. 4 Propiedades del borde 17. 5 <br /> Propiedades de los márgenes 17. 6 Ejemplos Sección 18. Integración de interfaz 18. 1 Introducción 18. 2 <br /> Cambio de estilos 18. 3 Colores 18. 4 Fuentes 18. 5 Cursores 18. 6 Ejemplos Sección 19. Propiedades de color y fondo 19. 1 color 19. 2 background­color 19. 3 background­image 19. 4 background­attachment 19. <br /> 5 background­position 19. 6 background­repeat 19. 7 background <br />  <br /> <br />  <br /> <br /> Licencia de Documentación Libre GNU <br /> This is an unofficial translation of the GNU Free Documentation License into spanish. It was not published ... <div class="paper-body__gradient paper-body__gradient--bottom paper-body__gradient--bottom-abs"></div> <div class="center paper-body__cta--mod paper-body__cta-no-bg"> <a class="button button--large button--orange" onclick="upgradeRedirect()" rel="nofollow"> Leer documento completo </a> <p class="ash-gray text-s"> Regístrate para leer el documento completo. </p> </div> </div> </div> </div> </article> </main> <script>(function(d){var domain='buenastareas.com';if(d.referrer.match('^https?\:\/\/(|www\.)'+domain.replace('.com',"")+'\.com(.*)')){d.getElementById('stm-hero').className+=' stm-hero';d.getElementById('emptyTopicsList').innerHTML=(document.getElementById("topicsList"))?d.getElementById('topicsList').innerHTML:'';d.getElementById('text-header').innerHTML='';var sec=d.createElement('div');sec.className='section no-padding margin-2';var p=d.createElement('p');p.className='text-s uppercase ash-gray';p.innerText='Vista previa del texto';sec.appendChild(p);d.getElementById('text-header').appendChild(sec);}else{d.getElementById('stm-hero').className='';d.getElementsByTagName('article')[0].className='row no-border';}})(window.document);</script><div class="advertBox center margin-2 leaderboard_btf"> </div> <a href="/content/access" rel="nofollow"></a> <section class="row "> <div class="columns position-relative large-12"> <div class=""> <h2 class="heading-m padding-top-1 margin-2"> Estos documentos también te pueden resultar útiles </h2> </div> <section class=""> <ul class="unstyled"> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Manual-Html-Css/53006069.html" title="Manual html,Css"> <h6 class="heading-s"> Manual html,Css </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...<b><i>MANUAL</i></b> DE <b><i>HTML</i></b> <b><i>CSS</i></b> TABLA DE CONTENIDO GNU Free Documentation License Licencia de Documentación Libre GNU Sección 1. Los Principios de <b><i>HTML</i></b> 1. 1 ¿Qué es <b><i>HTML</i></b>? 1. 2 Herramientas 1. 3 Archivos <b><i>HTML</i></b> 1. 4 Sintaxis de las etiquetas 1. 5 Comenzando 1. 6 Etiqueta 1. 7 Etiquetas y 1. 8 Etiqueta 1. 9 Colores 1. 10 Etiqueta 1. 11 Comentarios 1. 12 Caracteres especiales Sección 2. Aún mas... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Manual-Html-Css/53006069.html" title="Manual html,Css" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">25938 Palabras</span> <span class="essay-details__item">104 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Manual-Html-Css/4014163.html" title="Manual Html Css"> <h6 class="heading-s"> Manual Html Css </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...|Introducción a <b><i>CSS</i></b> |[pi|[pic| | |c] |] | |En los orígenes de la Web y en sus primeras versiones, <b><i>HTML</i></b> era un lenguaje fácil de aprender y muy reducido en cuanto a sus | |tags y estructura. Estamos hablando de los años 1990 al 1993. Todo cambió cuando empezaron a surgir los primeros navegadores | |que eran capaces de representar recursos gráficos como añadido a la información textual. | |Así, el... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Manual-Html-Css/4014163.html" title="Manual Html Css" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">8841 Palabras</span> <span class="essay-details__item">36 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Html-y-Css/76057090.html" title="HTML Y CSS"> <h6 class="heading-s"> HTML Y CSS </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...<b><i>HTML</i></b> Y <b><i>CSS</i></b> 1.- iniciamos Sublime text. 2.- Creamos El primer código: 2.- Guardamos el Archivo en File en Save As. 3.- Verificar el tipo de extensión, el nombre respectivo “nombre.html” si usted desea guarda todos los archivos con la cual usted va a trabajar en una sola carpeta o en el escritorio. 4.- Una vez guardado debemos de confirmar si se guardó correctamente en el lugar señalado, no se olvide de sacar el check en Opciones de Carpeta, en la pestaña VER,... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Html-y-Css/76057090.html" title="HTML Y CSS" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">527 Palabras</span> <span class="essay-details__item">3 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Html-y-Css/49417017.html" title="HTML y CSS"> <h6 class="heading-s"> HTML y CSS </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ... <b><i>CSS</i></b> Glosario Comentarios  Los comentarios de <b><i>CSS</i></b> cumplen el mismo propósito que en otros lenguajes, y a menudo son usados para organizar archivos <b><i>CSS</i></b> de gran tamaño y difíciles de manejar. Ejemplo // Este es un comentario <b><i>CSS</i></b> de una sola línea. /* Este es un comentario <b><i>CSS</i></b> de varias líneas líneas. */ Margen  Especifica el espacio entre una caja de contenido y las cajas a su alrededor. Aquí, el div con id... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Html-y-Css/49417017.html" title="HTML y CSS" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">1480 Palabras</span> <span class="essay-details__item">6 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Html-Css/43110907.html" title="html css"> <h6 class="heading-s"> html css </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...TRABAJO PRÁCTICO Nº 2 <b><i>CSS</i></b> Paso 1: Escribir el código <b><i>HTML</i></b> Mi primera página con estilo Página principal Meditaciones Mi ciudad Enlaces Mi primera página con estilo ¡Bienvenido a mi primera página con estilo! No tiene imágenes, pero tiene estilo. También tiene enlaces, aunque no te lleven a ningún sitio… Debería haber más cosas aquí, pero todavía no sé qué poner. Creada el 13 de agosto de 2010 por mí... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Html-Css/43110907.html" title="html css" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">1009 Palabras</span> <span class="essay-details__item">5 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Html-Css/54461906.html" title="HTML CSS"> <h6 class="heading-s"> HTML CSS </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...Acamica Maquetando al monstruo web <b><i>HTML</i></b> – <b><i>CSS</i></b> Unidad 1 Etiquetas <b><i>HTML</i></b> Estructura básica página <b><i>HTML</i></b> //Código de caracteres. Decodifica caracteres símbolos, signos, acentos. mi primera página //Nombre de la pestaña que estoy ubicado. Cuerpo de la página Jerarquía de elementos Etiqueta <b><i>html</i></b> es el padre de etiquetas head y body. Se utiliza el código dentado para... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Html-Css/54461906.html" title="HTML CSS" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">1165 Palabras</span> <span class="essay-details__item">5 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Manual-Css/44435710.html" title="manual CSS"> <h6 class="heading-s"> manual CSS </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...atributos de las <b><i>CSS</i></b>. Podrás encontrar la lista en una tabla para imprimirtela y trabajar fácilmente. Por Miguel Angel Alvarez Tanto para practicar en tu aprendizaje como para trabajar con las <b><i>CSS</i></b> lo mejor es disponer de una tabla donde se vean los distintos atributos y valores de estilos que podemos aplicarle a las páginas web. Aquí puedes ver la tabla de los atributos <b><i>CSS</i></b> más fundamentales para aplicar estilos a elementos básicos, que te vendrá... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Manual-Css/44435710.html" title="manual CSS" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">1275 Palabras</span> <span class="essay-details__item">6 Páginas</span> </div> </div> </div> </div> </div> </div> </li> <li class="essayPreview"> <div class="card"> <a class="heading-s black" href="/ensayos/Men%C3%BA-Desplegable-Con-Html-y-Css/7286351.html" title="Menú Desplegable Con Html Y Css"> <h6 class="heading-s"> Menú Desplegable Con Html Y Css </h6> </a> <div class="card__content-footer-container "> <p class="card__content text-s "> ...Noviembre 23 de 2012 MENÚ DESPLEGABLE CON <b><i>HTML</i></b> Y <b><i>CSS</i></b> 1. Abrir un documento .<b><i>html</i></b> e iniciar escribiendo la semántica básica de programación: &lt;<b><i>html</i></b>&gt; &lt;head&gt; &lt;title&gt;Menu desplegable con <b><i>html</i></b> y <b><i>css</i></b>&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;/body&gt; &lt;/<b><i>html</i></b>&gt; 2. Crear un DIV dentro del body con un id al que llamaremos “Header”, así:... </p> <div class="row card__footer-links "> <div class="columns small-6"> <a href="/ensayos/Men%C3%BA-Desplegable-Con-Html-y-Css/7286351.html" title="Menú Desplegable Con Html Y Css" class="card__footer text-xs"> <span> Leer más </span> </a> </div> <div class="columns small-6"> <div class="card__caption card__caption weight-300 mid-gray text-s align-right"> <div class="essay-details no-margin--bottom"> <span class="essay-details__item">928 Palabras</span> <span class="essay-details__item">4 Páginas</span> </div> </div> </div> </div> </div> </div> </li> </ul> </section> </div> </section> <section class="row "> <div class="columns position-relative large-12"> <section class="section no-border"> <div class="container"> <div class="row"> <div class="columns "> <div class="section-heading "> <h2 class="align-left margin-2 heading-m"> OTRAS TAREAS POPULARES </h2> </div> </div> </div> <div class="row" id="popular-tags-visible"> <div class="small-12 columns tag-block columns-small-1 columns-medium-2 columns-large-2"> <ul> <li class="margin-1"> <a href="/ensayos/Escuela-De-Pintura-De-Siena/82324378.html" title="Escuela de Pintura de Siena" class="mid-gray brand-primary--hover">Escuela de Pintura de Siena</a> </li> <li class="margin-1"> <a href="/ensayos/Marketing-Gris/82324396.html" title="Marketing Gris" class="mid-gray brand-primary--hover">Marketing Gris</a> </li> <li class="margin-1"> <a href="/ensayos/Ejemplos-Varios/82324402.html" title="Ejemplos varios" class="mid-gray brand-primary--hover">Ejemplos varios</a> </li> <li class="margin-1"> <a href="/ensayos/Romano/82324435.html" title="Romano" class="mid-gray brand-primary--hover">Romano</a> </li> <li class="margin-1"> <a href="/ensayos/Trabajo-Final-De-Etica-Profesional/82324441.html" title="Trabajo final de etica profesional" class="mid-gray brand-primary--hover">Trabajo final de etica profesional</a> </li> <li class="margin-1"> <a href="/ensayos/Laboratorio-De-F%C3%ADsica-Fundamental-i/82324447.html" title="LABORATORIO DE FÍSICA FUNDAMENTAL I Quinto informe copia copia" class="mid-gray brand-primary--hover">LABORATORIO DE FÍSICA FUNDAMENTAL I Quinto informe copia copia</a> </li> </ul> </div> </div> </div> </section> </div> </section> <div class="advertBox center margin-1"></div> <section class="section no-border brand-primary--bg"> <div class="row"> <div class="columns center"> <h3 id="banner_title" class="heading-l white">Únete a millones de otros estudiantes y comienza tu investigación</h3> <h4 class="text-m white">Conviértase en miembro formal de Buenas Tareas</h4> <a class="button--bg-color__white button-fullwidth" onclick="upgradeRedirect()" rel="nofollow"> INSCRÍBETE - ES GRATIS </a> </div> </div> </section> <footer class="section section--footer"> <div class="row"> <div class="medium-3 columns"><div class="copyright-block"> <p class="copyright-block__logo"> <i class="icon icon-sm-logo copyright-block__logo__icon"></i> <span class="copyright-block__logo__span">Buenas Tareas</span> </p> <p class="copyright-block__social"> <a rel="nofollow" href="http://www.facebook.com/BuenasTareas"> <span class="copyright-block__social__circle"> <i class="copyright-block__social__circle__icon icon icon-ui-24-social-fb icon-ui-social-fb"></i> </span> </a> <a rel="nofollow" href="https://twitter.com/buenastareas"> <span class="copyright-block__social__circle"> <i class="copyright-block__social__circle__icon icon icon-ui-social-tw"></i> </span> </a> </p> <small class="copyright-block__copyright text-s"> ©2024 BuenasTareas.com </small> </div> </div> <div class="medium-3 columns"><div class="vertical-nav-list"> <h6 class="vertical-nav-list__heading heading-xxs">Productos</h6> <ul class="vertical-nav-list__container"> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/ojear/">Documentos de investigación</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/resumen-de-libros/">Notas de libros</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/generador-de-citas/">Generador de citas</a> </li> </ul> </div> </div> <div class="medium-3 columns"> <div class="vertical-nav-list"> <h6 class="vertical-nav-list__heading heading-xxs">Empresa</h6> <ul class="vertical-nav-list__container"> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/about.php">Empresa</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/advertise-with-us.php">Haz publicidad</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/legal.php">Legal (actualizado 9/9/14)</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/sitemap.html">Mapa del sitio</a> </li> </ul> </div> </div> <div class="medium-3 columns"><div class="vertical-nav-list"> <h6 class="vertical-nav-list__heading heading-xxs">Ayuda</h6> <ul class="vertical-nav-list__container"> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/help.php">Ayuda</a> </li> <li class="vertical-nav-list__item"> <a class="vertical-nav-list__item__anchor text-m" href="/about-us/contact">Contáctanos</a> </li> </ul> </div> </div> </div> </footer> </div> <!-- global JS --> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/labjs/2.0.3/LAB.min.js"></script> <script type="text/javascript"> $LAB .script("//cdnjs.cloudflare.com/ajax/libs/aja/0.4.1/aja.min.js") .script("//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js") .script("//cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.runtime.min.js") .script("//cdnjs.cloudflare.com/ajax/libs/jquery.payment/1.3.2/jquery.payment.min.js") .script("//assets.buenastareas.com/234d3b97ed2b88737e66b0e02a8e5aa593c7f7c0/_assets/bts/92c1d4e847bc6d93ba58214aa322ee6c.js") ; </script> <script type="text/javascript"> window.SM2_DEFER = true; function downloadJSAtOnload() { $LAB .script("//assets.buenastareas.com/234d3b97ed2b88737e66b0e02a8e5aa593c7f7c0/_assets/bts/76aff662ad8b32c9348bfa0fa9cb8f91.js") .wait(function() { }); } // Check for browser support of event handling capability if (window.addEventListener) window.addEventListener("load", downloadJSAtOnload, false); else if (window.attachEvent) window.attachEvent("onload", downloadJSAtOnload); else window.onload = downloadJSAtOnload; </script> </body> </html>