El Gran Libro De HTML5 CSS3 Y Javascrip
Páginas: 458 (114418 palabras)
Publicado: 17 de mayo de 2015
El gran libro de
HTML5, CSS3 y Javascript
El gran libro de
HTML5, CSS3 y Javascript
J. D. Gauchat
El gran libro de HTML5, CSS3 y Javascript
Primera edición, 2012
©
2012 Juan Diego Gauchat
©
MARCOMBO, S.A. 2012
Gran Via de les Corts Catalanes, 594
08007 Barcelona
www.marcombo.com
Los códigos fuente para este libro se encuentran disponibles en www.minkbooks.com.
«Cualquier forma dereproducción, distribución, comunicación pública o transformación de
esta obra sólo puede ser realizada con la autorización de sus titulares, salvo excepción prevista
por la ley. Diríjase a CEDRO (Centro Español de Derechos Reprográficos, www.cedro.org) si
necesita fotocopiar o escanear algún fragmento de esta obra».
ISBN eBook: 978-84-267-1782-5
DL: SE-7867-2011
Impreso en Publidisa
Printed in Spain Dedicado a aquellos
que ya no están a mi lado
Índice
Capítulo 1. Documentos HTML5 ............................................................. 1
1.1 Componentes básicos ........................................................................................... 1
1.2 Estructura global .......................................................................................................... 2 ............................................................................................................... 2
........................................................................................................................ 2
........................................................................................................................ 3
........................................................................................................................ 4
....................................................................................................................... 5
......................................................................................................................... 6<br />
<link>.......................................................................................................................... 7<br />
1.3 Estructura del cuerpo ............................................................................................ 8<br />
Organización .............................................................................................................. 9<br />
<header>.................................................................................................................. 12<br />
<nav> ........................................................................................................................ 13<br />
<section> .................................................................................................................. 14<br />
<aside>..................................................................................................................... 15<br />
<footer> .................................................................................................................... 17<br />
1.4 Dentro del cuerpo ............................................................................................... 18<article>.................................................................................................................... 18<br />
<hgroup> .................................................................................................................. 22<br />
<figure> y <figcaption> ............................................................................................ 24<br />
1.5 Nuevos y viejos elementos.................................................................................. 26<br />
<mark> ..................................................................................................................... 26<br />
<small> ..................................................................................................................... 27<br />
<cite> ........................................................................................................................ 27... <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/El-Gran-Libro-De-Html5-Css3/71471659.html"
title="El Gran Libro De HTML5 CSS3 Y Javascrip">
<h6 class="heading-s">
El Gran Libro De HTML5 CSS3 Y Javascrip </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
... El <b><i>gran</i></b> <b><i>libro</i></b> de
<b><i>HTML5</i></b>, <b><i>CSS3</i></b> y Javascript
El <b><i>gran</i></b> <b><i>libro</i></b> de
<b><i>HTML5</i></b>, <b><i>CSS3</i></b> y Javascript
J. D. Gauchat
El <b><i>gran</i></b> <b><i>libro</i></b> de <b><i>HTML5</i></b>, <b><i>CSS3</i></b> y Javascript
Primera edición, 2012
©
2012 Juan Diego Gauchat
©
MARCOMBO, S.A. 2012
<b><i>Gran</i></b> Via de les Corts Catalanes, 594
08007 Barcelona
www.marcombo.com
Los códigos fuente para... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/El-Gran-Libro-De-Html5-Css3/71471659.html"
title="El Gran Libro De HTML5 CSS3 Y Javascrip"
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">114418 Palabras</span>
<span class="essay-details__item">458 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/El-Gran-Libro-De-Html5-Css3/68339824.html"
title="El gran libro de HTML5, CSS3 y Javascrip">
<h6 class="heading-s">
El gran libro de HTML5, CSS3 y Javascrip </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
... El <b><i>gran</i></b> <b><i>libro</i></b> de
<b><i>HTML5</i></b>, <b><i>CSS3</i></b> y Javascript
El <b><i>gran</i></b> <b><i>libro</i></b> de
<b><i>HTML5</i></b>, <b><i>CSS3</i></b> y Javascript
J. D. Gauchat
El <b><i>gran</i></b> <b><i>libro</i></b> de <b><i>HTML5</i></b>, <b><i>CSS3</i></b> y Javascript
Primera edición, 2012
©
2012 Juan Diego Gauchat
©
MARCOMBO, S.A. 2012
<b><i>Gran</i></b> Via de les Corts Catalanes, 594
08007 Barcelona
www.marcombo.com
Los... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/El-Gran-Libro-De-Html5-Css3/68339824.html"
title="El gran libro de HTML5, CSS3 y Javascrip"
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">42173 Palabras</span>
<span class="essay-details__item">169 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Como-Programar-Html5-y-Css3/24191418.html"
title="Como programar HTML5 Y CSS3">
<h6 class="heading-s">
Como programar HTML5 Y CSS3 </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...Adobe Edge es un nuevo proyecto que permitirá a los diseñadores crear animaciones basadas en estándares como <b><i>HTML5</i></b>, <b><i>CSS3</i></b> y JavaScript. Al ver la demo preliminar podemos darnos cuenta que ésta aplicación permitirá crear archivos desde cero o animar archivos ya existentes teniendo soporta para bitmaps y vectores los cuales se animan de una forma muy sencilla e intuitiva.
Algo realmente interesante sobre ésta aplicación es la posibilidad de abrir un archivo .html... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Como-Programar-Html5-y-Css3/24191418.html"
title="Como programar HTML5 Y CSS3"
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">548 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/Apuntes-Html5-y-Css3/64050721.html"
title="Apuntes html5 y css3">
<h6 class="heading-s">
Apuntes html5 y css3 </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...PROGRAMACION DE TERMINALES MOVILES
6 <b><i>HTML5</i></b>, <b><i>CSS3</i></b>, JavaScript
Profesor: Edwin Martínez Hernández
edwin.mtz.hdez@gmail.com
Morelia, Michoacán, México. 2013
http://www.aptana.com/products/studio3
2
En los últimos años se ha ido reconduciendo poco a poco
la forma en que los usuarios navegan por la web. Mes a
mes aumenta el número de navegantes de forma casi
exponencial. Es por esto que se ha desatado una auténtica
revolución entre los... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Apuntes-Html5-y-Css3/64050721.html"
title="Apuntes html5 y css3"
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">775 Palabras</span>
<span class="essay-details__item">4 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/El-Gran-Libro-De-Html5/67691509.html"
title="El gran libro de html5">
<h6 class="heading-s">
El gran libro de html5 </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
... El <b><i>gran</i></b> <b><i>libro</i></b> de
<b><i>HTML5</i></b>, <b><i>CSS3</i></b> y Javascript
El <b><i>gran</i></b> <b><i>libro</i></b> de
<b><i>HTML5</i></b>, <b><i>CSS3</i></b> y Javascript
J. D. Gauchat
El <b><i>gran</i></b> <b><i>libro</i></b> de <b><i>HTML5</i></b>, <b><i>CSS3</i></b> y Javascript
Primera edición, 2012
©
2012 Juan Diego Gauchat
©
MARCOMBO, S.A. 2012
<b><i>Gran</i></b> Via de les Corts Catalanes, 594
08007 Barcelona
www.marcombo.com
Los... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/El-Gran-Libro-De-Html5/67691509.html"
title="El gran libro de html5"
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">42173 Palabras</span>
<span class="essay-details__item">169 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Html5-y-Css3/64318210.html"
title="HTML5 y CSS3">
<h6 class="heading-s">
HTML5 y CSS3 </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...<b><i>HTML5</i></b> y <b><i>CSS3</i></b>
Domine los estándares de las aplicaciones Web (2ª edición)
Contenido
<b><i>HTML5</i></b> y <b><i>CSS3</i></b> Domine los estándares de las aplicaciones Web (2ª edición) .. 12
Objetivos de este <b><i>libro</i></b>.............................................................................................................. 12
Principales temas tratados en este <b><i>libro</i></b>... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Html5-y-Css3/64318210.html"
title="HTML5 y CSS3"
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">22563 Palabras</span>
<span class="essay-details__item">91 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Html5-Css3/79186381.html"
title="html5 css3">
<h6 class="heading-s">
html5 css3 </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...consecuencia forman la Web WHATWG
2005
Se publica el borrador Web Applications 1.0
2007
W3C “adopta” a WHATGW y publica el borrador <b><i>HTML5</i></b>
2009
Finalización del borrador
Gracias a Google, Apple y los dispositivos móviles <b><i>HTML5</i></b> surge con
fuerza
2012
Primer Release Candidate de <b><i>HTML5</i></b> [previsión W3C]
2020
Finalización de test [previsión W3C]
2022
Creación del estándar <b><i>HTML5</i></b> [previsión W3C]
HTML 5 y CSS 3
9
ESTADO
ACTUAL
HTML... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Html5-Css3/79186381.html"
title="html5 css3"
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">2621 Palabras</span>
<span class="essay-details__item">11 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Html5-y-Css3/69180205.html"
title="Html5 y Css3">
<h6 class="heading-s">
Html5 y Css3 </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...<b><i>HTML5</i></b> y <b><i>CSS3</i></b>
Domine los estándares de las aplicaciones Web
Luc VAN LANCKER
Resumen
Este <b><i>libro</i></b> sobre <b><i>HTML5</i></b> y <b><i>CSS3</i></b> se dirige a todos aquellos lectores que quieran desarrollar,
implementar o mantener un sitio Web. En efecto, para comenzar y, sobre todo, para progresar en
el diseño de sitios Web es necesario comprender y dominar bien el código fuente de las
aplicaciones
Web.
El <b><i>libro</i></b> se ha concebido como una... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Html5-y-Css3/69180205.html"
title="Html5 y Css3"
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">18947 Palabras</span>
<span class="essay-details__item">76 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/Principemaquiavelo-Enfoque-Administraci%C3%B3n/73261861.html" title="PrincipeMaquiavelo enfoque Administración" class="mid-gray brand-primary--hover">PrincipeMaquiavelo enfoque Administración</a>
</li>
<li class="margin-1">
<a href="/ensayos/El-Clima/73261888.html" title="El Clima" class="mid-gray brand-primary--hover">El Clima</a>
</li>
<li class="margin-1">
<a href="/ensayos/Historia-De-La-Menta/73261903.html" title="Historia de la Menta" class="mid-gray brand-primary--hover">Historia de la Menta</a>
</li>
<li class="margin-1">
<a href="/ensayos/Alegor-a-De-La-Caverna/73261924.html" title="Alegor A De La Caverna" class="mid-gray brand-primary--hover">Alegor A De La Caverna</a>
</li>
<li class="margin-1">
<a href="/ensayos/Escuela-Secundaria/73261957.html" title="ESCUELA SECUNDARIA" class="mid-gray brand-primary--hover">ESCUELA SECUNDARIA</a>
</li>
<li class="margin-1">
<a href="/ensayos/Explique-La-Importancia-De-La-Investigaci/73261960.html" title="Explique la importancia de la investigaci n jur dic1" class="mid-gray brand-primary--hover">Explique la importancia de la investigaci n jur dic1</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>
HTML5, CSS3 y Javascript
El gran libro de
HTML5, CSS3 y Javascript
J. D. Gauchat
El gran libro de HTML5, CSS3 y Javascript
Primera edición, 2012
©
2012 Juan Diego Gauchat
©
MARCOMBO, S.A. 2012
Gran Via de les Corts Catalanes, 594
08007 Barcelona
www.marcombo.com
Los códigos fuente para este libro se encuentran disponibles en www.minkbooks.com.
«Cualquier forma dereproducción, distribución, comunicación pública o transformación de
esta obra sólo puede ser realizada con la autorización de sus titulares, salvo excepción prevista
por la ley. Diríjase a CEDRO (Centro Español de Derechos Reprográficos, www.cedro.org) si
necesita fotocopiar o escanear algún fragmento de esta obra».
ISBN eBook: 978-84-267-1782-5
DL: SE-7867-2011
Impreso en Publidisa
Printed in Spain Dedicado a aquellos
que ya no están a mi lado
Índice
Capítulo 1. Documentos HTML5 ............................................................. 1
1.1 Componentes básicos ........................................................................................... 1
1.2 Estructura global .......................................................................................................... 2 ............................................................................................................... 2
........................................................................................................................ 2
........................................................................................................................ 3
........................................................................................................................ 4
....................................................................................................................... 5