Índice Introducción . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
1. Documentos HTML5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
1.1 Componentes básicos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
1.2 Una breve introducción a HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
1.2.1 Etiquetas y elementos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
1.2.2 Atributos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
1.2.3 Elementos anteriores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
1.3 Estructura global . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
1.3.1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
1.3.2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
1.3.3
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
1.3.4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
1.3.5
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31
1.3.6
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32 <BR>1.3.7 <link> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32 <BR>1.4 La estructura del cuerpo del documento . . . . . . . . . . . . . . . . . . . . . 34 <BR>1.4.1 Organización . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34 <BR>1.4.2 <header> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37 <BR>1.4.3 <nav> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38 <BR>1.4.4 <section> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39 <BR>1.4.5 <aside> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40 <BR>1.4.6 <footer> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42 <BR>1.5 En el interior del cuerpo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43 <BR>1.5.1 <article> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43 <BR>1.5.2 <hgroup> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47 <BR>1.5.3 <figure> y <figcaption> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48 <BR>1.5.4 <details> y <summary> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50 <BR>1.6 Elementos nuevos y elementos antiguos . . . . . . . . . . . . . . . . . . . . . 51 <BR>1.6.1 <mark> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51 <BR>1.6.2 <small> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51 <BR>1.6.3 <cite> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52 <BR>1.6.4 <address> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52 <BR>1.6.5 <wbr> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52<BR>1.6.6 <time> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53 <BR>1.6.7 <data> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53 <BR>1.7 Nuevos atributos y viejos atributos. . . . . . . . . . . . . . . . . . . . . . . . . 54 <BR>1.7.1 El atributo data-* 54 <BR>1.7.2 reversed 54 <BR>1.7.3 ping y download 54 <BR>1.7.4 translate . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55 <BR>1.7.5 contenteditable 56 <BR>1.7.6 spellcheck . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56 <BR>2. Estilos CSS y modelos de caja . . . . . . . . . . . . . . . . . . . . . . . . 57 <BR>2.1 CSS y HTML 57 <BR>2.2 Breve introducción a CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57<BR> 2.2.1 Reglas CSS 58 <BR>2.2.2 Propiedades . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59 2.2.3 Estilos en línea . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60 <BR>2.2.4 Estilos incrustados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61 <BR>2.2.5 Archivos externos 61 <BR>2.2.6 Referencias 62<BR> 2.2.7 Selectores nuevos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68 <BR>2.3 Aplicar CSS a nuestro documento . . . . . . . . . . . . . . . . . . . . . . 69 <BR>2.3.1 Modelos de caja . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70 <BR>2.4 Modelo de caja tradicional . . . . . . . . . . . . . . . . . . . . . . . . . . . 71 <BR>2.4.1 Documento HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71 <BR>2.4.2 Selector universal (*) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73 <BR>2.4.3 Títulos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 74 <BR>2.4.4 Declaración de nuevos elementos HTML5 . . . . . . . . . .. . . . . . . . . . . . 74 <BR>2.4.5 Centrar el cuerpo 75<BR> 2.4.6 Creación de la caja principal 75 <BR>2.4.7 La cabecera 76 <BR>2.4.8 Barra de navegación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77 <BR>2.4.9 Área principal y Barra lateral 78 <BR>2.4.10 Pie de página . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79 <BR>2.4.11 Toques finales 81 <BR>2.4.12 box-sizing 82 <BR>2.5 Modelo de caja flexible . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84 <BR>2.5.1 Contenedor flexible 84<BR>2.5.2 Documento HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84 <BR>2.5.3 Display 85 <BR>2.5.4 Ejes . . . . . . . . </p>
</div>
<div id="tabsinopsis" >
<p class="bodytext">Vivimos una revolución. Internet ha dejado de ser sólo un instrumento de comunicación para convertirse en parte de, prácticamente, todos los aspectos de la vida humana. En este contexto, el lenguaje HTML5 ha adquirido una importancia única. Las aplicaciones de Internet a las que accedemos ahora incontables veces en un día, ya sea desde un ordenador de mesa, un teléfono móvil, una PDA o cualquier otro dispositivo, son posibles gracias a HTML5. Con este manual aprenderá, a través de ejercicios prácticos soportados por sólidos conocimientos teóricos, a crear toda clase de sitios webs y aplicaciones estructuradas en HTML5, con estilos CS3 y programadas con las más importantes y recientes herramientas de Javascript. Estudiará desde los conceptos más básicos y tradicionales de cada uno de los lenguajes hasta los más utilizados por verdaderos profesionales de la programación. En cada capítulo irá desarrollando diversos códigos que irán ganando complejidad a medida que se avanza en la lección y harán mucho más accesibles los conceptos previamente estudiados. Mediante el uso de los componentes de los tres lenguajes, las nuevas API que ofrece Javascript y librerías externas, aprenderá a escribir sus propios códigos para crear, programar y optimizar formularios, personalizar la forma en la que se reproduce un archivo de vídeo o de audio, insertar una o más pistas de subtítulos en un vídeo, controlar la entrada y salida de cualquier elemento en el modo de pantalla completa, capturar vídeo en streamig, crear gráficos y animaciones de dos y tres dimensiones, programar un vídeo juego, controlar la apariencia y la forma en la que se comporta el ratón en determinadas circunstancias, utilizar la geolocalización, manipular la historia de navegación del usuario, optimizar el funcionamiento fuera de línea de su sitio, crear aplicaciones de mensajería digital y otras formas de comunicación bidireccional, entre muchos otros conocimientos. </p>
</div>
<div id="tabopiniones">
<a href="#" data-toggle="modal" data-target="#modal-comentar" id="comentar" class="btntwo">Sé el primero en comentar este libro</a>
</div>
</div><!--detpestanias-->
<div class="block">
<h2 class="title">Artículos relacionados</h2>
<ul class="listado_libros books grid">
<li class="item">
<div class="portada">
<div>
<a href="/es/libro/inferencia-y-descubrimiento-causal-en-python_732625"><img class="foto" src="https://www.librerialuces.com/es/imagenes/9788441/978844154920.JPG" alt="INFERENCIA Y DESCUBRIMIENTO CAUSAL EN PYTHON" title="INFERENCIA Y DESCUBRIMIENTO CAUSAL EN PYTHON">
</a>
</div>
</div>
<form>
<dl class="dublincore">
<dd class="title"><a href="/es/libro/inferencia-y-descubrimiento-causal-en-python_732625" title="INFERENCIA Y DESCUBRIMIENTO CAUSAL EN PYTHON">INFERENCIA Y DESCUBRIMIENTO CAUSAL EN PYTHON</a></dd>
<dd class="creator"> MOLAK, ALEKSANDER
</dd>
<!--<dd class="publisher">ANAYA MULTIMEDIA</dd>
<dd>01/04/2024</dd>-->
<dd class="mulsinop">En comparación con el aprendizaje automático tradicional y las estadísticas, los métodos causales presentan desafíos únicos. Aprender causalidad puede ser difícil, pero ofrece distintas ventajas que escapan a una mentalidad puramente estadística. Este libro ayuda a liberar todo el potencial de la causalidad.El libro comienza con las motivaciones básicas del pensamiento causal y...</dd>
<dd class="disponibilidad green" > En stock</dd>
</dl>
<div class="botones">
<p class="precio">
<strong>37,95 €</strong>
</p>
<div class="formulario">
<button id="href_dispo_732625" style="" data-id="732625" class="btntwo botonComprar" title="Añadir a Mi Compra">Añadir a la cesta</button>
</div>
</div>
</form>
</li>
<li class="item">
<div class="portada">
<div>
<a href="/es/libro/diseno-funcional-principios-patrones-y-practicas_730308"><img class="foto" src="https://www.librerialuces.com/es/imagenes/9788441/978844154901.JPG" alt="DISEÑO FUNCIONAL. PRINCIPIOS, PATRONES Y PRÁCTICAS" title="DISEÑO FUNCIONAL. PRINCIPIOS, PATRONES Y PRÁCTICAS">
</a>
</div>
</div>
<form>
<dl class="dublincore">
<dd class="title"><a href="/es/libro/diseno-funcional-principios-patrones-y-practicas_730308" title="DISEÑO FUNCIONAL. PRINCIPIOS, PATRONES Y PRÁCTICAS">DISEÑO FUNCIONAL. PRINCIPIOS, PATRONES Y PRÁCTICAS</a></dd>
<dd class="creator"> MARTIN, ROBERT C.
</dd>
<!--<dd class="publisher">ANAYA MULTIMEDIA</dd>
<dd>01/03/2024</dd>-->
<dd class="mulsinop">En Diseño funcional, el reputado ingeniero de software Robert C. Martin («Uncle Bob») explica cómo y por qué utilizar la programación funcional para crear sistemas mejores para clientes reales. Martin compara las estructuras de la programación convencional orientada a objetos en Java con las que permiten los lenguajes funcionales, identifica los mejores roles para cada una y mu...</dd>
<dd class="disponibilidad green" > En stock</dd>
</dl>
<div class="botones">
<p class="precio">
<strong>37,95 €</strong>
</p>
<div class="formulario">
<button id="href_dispo_730308" style="" data-id="730308" class="btntwo botonComprar" title="Añadir a Mi Compra">Añadir a la cesta</button>
</div>
</div>
</form>
</li>
<li class="item">
<div class="portada">
<div>
<a href="/es/libro/los-150-mejores-ejemplos-de-copiar-y-pegar_730553"><img class="foto" src="https://www.librerialuces.com/es/imagenes/9788426/978842673765.JPG" alt="LOS 150 MEJORES EJEMPLOS DE COPIAR Y PEGAR" title="LOS 150 MEJORES EJEMPLOS DE COPIAR Y PEGAR">
</a>
</div>
</div>
<form>
<dl class="dublincore">
<dd class="title"><a href="/es/libro/los-150-mejores-ejemplos-de-copiar-y-pegar_730553" title="LOS 150 MEJORES EJEMPLOS DE COPIAR Y PEGAR">LOS 150 MEJORES EJEMPLOS DE COPIAR Y PEGAR</a></dd>
<dd class="creator"> FORTEA NAVARRO,PEDRO
</dd>
<!--<dd class="publisher">MARCOMBO</dd>
<dd>01/02/2024</dd>-->
<dd class="mulsinop">Adéntrese con éxito en los lenguajes de programación PHP8, JS y HTML5 con 150 ejemplos prácticos Si quiere dar sus primeros pasos o mejorar sus conocimientos en el mundo de PHP8, JS y HTML5, y perfeccionar sus trabajos como desarrollador, este libro será su gran aliado. En él encontrará desde ejemplos de código sencillos, para afianzar los conceptos básicos, hasta una amplia ...</dd>
<dd class="disponibilidad green" > En stock</dd>
</dl>
<div class="botones">
<p class="precio">
<strong>19,40 €</strong>
</p>
<div class="formulario">
<button id="href_dispo_730553" style="" data-id="730553" class="btntwo botonComprar" title="Añadir a Mi Compra">Añadir a la cesta</button>
</div>
</div>
</form>
</li>
<li class="item">
<div class="portada">
<div>
<a href="/es/libro/deep-learning-generativo-ensenar-a-las-maquinas-a-pintar-escribir-componer-y_727886"><img class="foto" src="https://www.librerialuces.com/es/imagenes/9788441/978844154906.JPG" alt="DEEP LEARNING GENERATIVO. ENSEÑAR A LAS MÁQUINAS A PINTAR, ESCRIBIR, COMPONER Y" title="DEEP LEARNING GENERATIVO. ENSEÑAR A LAS MÁQUINAS A PINTAR, ESCRIBIR, COMPONER Y">
</a>
</div>
</div>
<form>
<dl class="dublincore">
<dd class="title"><a href="/es/libro/deep-learning-generativo-ensenar-a-las-maquinas-a-pintar-escribir-componer-y_727886" title="DEEP LEARNING GENERATIVO. ENSEÑAR A LAS MÁQUINAS A PINTAR, ESCRIBIR, COMPONER Y">DEEP LEARNING GENERATIVO. ENSEÑAR A LAS MÁQUINAS A PINTAR, ESCRIBIR, COMPONER Y</a></dd>
<dd class="creator"> FOSTER, DAVID
</dd>
<!--<dd class="publisher">ANAYA MULTIMEDIA</dd>
<dd>01/02/2024</dd>-->
<dd class="mulsinop">La inteligencia artificial generativa es el tema de moda en tecnología. Esta guía práctica enseña a los ingenieros del machine learning y a los científicos de datos cómo utilizar TensorFlow y Keras para crear desde cero impresionantes modelos de deep learning generativo, como autocodificadores variacionales o VAE, redes generativas adversativas o GAN, Transformers, flujos de no...</dd>
<dd class="disponibilidad green" > En stock</dd>
</dl>
<div class="botones">
<p class="precio">
<strong>46,50 €</strong>
</p>
<div class="formulario">
<button id="href_dispo_727886" style="" data-id="727886" class="btntwo botonComprar" title="Añadir a Mi Compra">Añadir a la cesta</button>
</div>
</div>
</form>
</li>
<li class="item">
<div class="portada">
<div>
<a href="/es/libro/ciencias-de-datos_727122"><img class="foto" src="https://www.librerialuces.com/es/imagenes/9788426/978842673738.JPG" alt="CIENCIAS DE DATOS" title="CIENCIAS DE DATOS">
</a>
</div>
</div>
<form>
<dl class="dublincore">
<dd class="title"><a href="/es/libro/ciencias-de-datos_727122" title="CIENCIAS DE DATOS">CIENCIAS DE DATOS</a></dd>
<dd class="creator"> JOYANES AGUILAR, LUIS
</dd>
<!--<dd class="publisher">MARCOMBO</dd>
<dd>01/01/2024</dd>-->
<dd class="mulsinop">Descubra qué es la ciencia de datos y cómo contribuye al cambio de paradigma de investigación La ciencia de datos es un campo académico multidisciplinar que utiliza métodos, procesos y sistemas científicos para extraer conocimientos a partir de los datos. Ha adquirido gran popularidad en los últimos años debido al soporte de diversas disciplinas científicas y tecnológicas trad...</dd>
<dd class="disponibilidad green" > En stock</dd>
</dl>
<div class="botones">
<p class="precio">
<strong>34,80 €</strong>
</p>
<div class="formulario">
<button id="href_dispo_727122" style="" data-id="727122" class="btntwo botonComprar" title="Añadir a Mi Compra">Añadir a la cesta</button>
</div>
</div>
</form>
</li>
<li class="item">
<div class="portada">
<div>
<a href="/es/libro/curso-intensivo-de-python-tercera-edicion_726493"><img class="foto" src="https://www.librerialuces.com/es/imagenes/9788441/978844154924.JPG" alt="CURSO INTENSIVO DE PYTHON. TERCERA EDICIÓN" title="CURSO INTENSIVO DE PYTHON. TERCERA EDICIÓN">
</a>
</div>
</div>
<form>
<dl class="dublincore">
<dd class="title"><a href="/es/libro/curso-intensivo-de-python-tercera-edicion_726493" title="CURSO INTENSIVO DE PYTHON. TERCERA EDICIÓN">CURSO INTENSIVO DE PYTHON. TERCERA EDICIÓN</a></dd>
<dd class="creator"> MATTHES, ERIC
</dd>
<!--<dd class="publisher">ANAYA MULTIMEDIA</dd>
<dd>01/01/2024</dd>-->
<dd class="mulsinop">Este superventas mundial es una guía al lenguaje de programación Python. Gracias a esta trepidante y completa introducción a Python, no tardará en empezar a escribir programas, resolver problemas y desarrollar aplicaciones que funcionen.Esta tercera edición actualizada se ha revisado en profundidad con el fin de reflejar las últimas novedades en Python. Se incluye la incorporac...</dd>
<dd class="disponibilidad green" > En stock</dd>
</dl>
<div class="botones">
<p class="precio">
<strong>52,50 €</strong>
</p>
<div class="formulario">
<button id="href_dispo_726493" style="" data-id="726493" class="btntwo botonComprar" title="Añadir a Mi Compra">Añadir a la cesta</button>
</div>
</div>
</form>
</li>
</ul>
</div>
<div class="block">
<h2 class="title">Otros libros del autor</h2>
<ul class="listado_libros books grid">
<li class="item">
<div class="portada">
<div>
<a href="/es/libro/el-gran-libro-de-html5-css3-y-javascript-3-edicion_572109"><img class="foto" src="https://www.librerialuces.com/es/imagenes/9788426/978842672463.JPG" alt="EL GRAN LIBRO DE HTML5, CSS3 Y JAVASCRIPT 3ª EDICIÓN" title="EL GRAN LIBRO DE HTML5, CSS3 Y JAVASCRIPT 3ª EDICIÓN">
</a>
</div>
</div>
<form>
<dl class="dublincore">
<dd class="title"><a href="/es/libro/el-gran-libro-de-html5-css3-y-javascript-3-edicion_572109" title="EL GRAN LIBRO DE HTML5, CSS3 Y JAVASCRIPT 3ª EDICIÓN">EL GRAN LIBRO DE HTML5, CSS3 Y JAVASCRIPT 3ª EDICIÓN</a></dd>
<dd class="creator"> GAUCHAT, JUAN DIEGO
</dd>
<!--<dd class="publisher">MARCOMBO</dd>
<dd></dd>-->
<dd class="mulsinop">El gran libro de HTML5, CSS3 y JavaScript guía al lector paso a paso en el desarrollo de sitios y aplicaciones web. Después de leer este libro sabrá cómo estructurar sus documentos con HTML, cómo otorgarles estilos con CSS y cómo trabajar con las más poderosas APIs de JavaScript. Este libro es un curso completo que le enseñará cómo construir sitios webs adaptables y aplicacio...</dd>
<dd class="disponibilidad green" > Sin stock. Disponible en 24/48h</dd>
</dl>
<div class="botones">
<p class="precio">
<strong>31,40 €</strong>
</p>
<div class="formulario">
<button id="href_dispo_572109" style="" data-id="572109" class="btntwo botonComprar" title="Añadir a Mi Compra">Añadir a la cesta</button>
</div>
</div>
</form>
</li>
<li class="item">
<div class="portada">
<div>
<a href="/es/libro/el-gran-libro-de-html5-css3-y-javascript_372581"><img class="foto" src="https://www.librerialuces.com/es/images/NOportada.jpg" alt="EL GRAN LIBRO DE HTML5, CSS3 Y JAVASCRIPT" title="EL GRAN LIBRO DE HTML5, CSS3 Y JAVASCRIPT">
</a>
</div>
</div>
<form>
<dl class="dublincore">
<dd class="title"><a href="/es/libro/el-gran-libro-de-html5-css3-y-javascript_372581" title="EL GRAN LIBRO DE HTML5, CSS3 Y JAVASCRIPT">EL GRAN LIBRO DE HTML5, CSS3 Y JAVASCRIPT</a></dd>
<dd class="creator"> GAUCHAT, JUAN DIEGO
</dd>
<!--<dd class="publisher">MARCOMBO</dd>
<dd></dd>-->
<dd class="disponibilidad red" > Agotado</dd>
</dl>
<div class="botones">
<p class="precio">
<strong>7,09 €</strong>
</p>
</div>
</form>
</li>
<li class="item">
<div class="portada">
<div>
<a href="/es/libro/el-gran-libro-de-html5-css3-y-javascript_343770"><img class="foto" src="https://www.librerialuces.com/es/imagenes/9788426/978842671770.JPG" alt="EL GRAN LIBRO DE HTML5, CSS3 Y JAVASCRIPT" title="EL GRAN LIBRO DE HTML5, CSS3 Y JAVASCRIPT">
</a>
</div>
</div>
<form>
<dl class="dublincore">
<dd class="title"><a href="/es/libro/el-gran-libro-de-html5-css3-y-javascript_343770" title="EL GRAN LIBRO DE HTML5, CSS3 Y JAVASCRIPT">EL GRAN LIBRO DE HTML5, CSS3 Y JAVASCRIPT</a></dd>
<dd class="creator"> GAUCHAT, JUAN DIEGO
</dd>
<!--<dd class="publisher">MARCOMBO</dd>
<dd></dd>-->
<dd class="mulsinop">Nos encontramos al final de una revolución. La Web se está convirtiendo en la principal plataforma de desarrollo y en lafuente principal de información y recursos. En los últimos años los dispositivos móviles han convertido las aplicaciones deInternet en una necesidad. Día a día surgen nuevos y más sofisticados programas para la Web, reemplazando, de formamuy efectiva, a las ap...</dd>
<dd class="disponibilidad red" > Agotado</dd>
</dl>
<div class="botones">
<p class="precio">
<strong>28,50 €</strong>
</p>
</div>
</form>
</li>
</ul>
</div>
<!--
-->
</div>
</div>
<div id="modal-preview" class="modal fade in" tabindex="-1" role="dialog" aria-hidden="false">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button class="close" type="button" data-dismiss="modal"><i class="fa fa-times" aria-hidden="true"></i></button>
<h4 class="modal-title">Vista previa: <small>EL GRAN LIBRO DE HTML5, CSS3 Y JAVASCRIPT</small></h4>
</div>
<div id="modal-body" class="modal-body"></div>
</div>
</div>
</div>
<!-- Modal Enviar amigo -->
<!-- Modal Avisador de stock -->
<div id="modal-stock" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2">
<div class="modal-dialog" role="document">
<div class="modal-content">
<form id="formAvisadorStock" class="form-horizontal" method="post" data-toggle="validator" data-focus="false" role="form" novalidate="true">
<input type="hidden" name="codigo" value="438553">
<input type="hidden" name="idioma" value="es">
<input type="hidden" name="ajax" value="S">
<input type="hidden" name="marcaTiempo" value="1714396461">
<input type="hidden" name="campov" value="">
<div class="modal-header">
<button class="close" type="button" data-dismiss="modal"><i class="fa fa-times" aria-hidden="true"></i></button>
<h4 class="modal-title" id="myModalLabel2">Avisar disponibilidad</h4>
</div>
<div class="modal-body">
<div id="modal-stock-box">
<div class="text">
<p>Indícanos tu email y recibirás un mensaje en cuanto tengamos disponibilidad</p>
</div>
<div class="form-group">
<label for="warnStockEmail" class="col-sm-2 control-label">Tu email *</label>
<div class="col-sm-9">
<input id="warnStockEmail" class="form-control" type="email" name="email" placeholder="Tu email" data-error="Completa este campo" required>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-9">
<div id="Recaptcha1"></div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-9 checkbox">
<label>
<input id="condiciones" type="checkbox" value="1" name="condiciones" data-error="Debes aceptar las condiciones" required>
He leído y acepto la
<a href="/es/proteccion-de-datos">política de privacidad</a>
</label>
<div class="help-block with-errors"></div>
</div>
</div>
</div>
<div id="msg-modal">
<i class="fa fa-check-circle" aria-hidden="true"></i>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
<button type="submit" class="btn btn-primary">Enviar</button>
</div>
</form>
</div>
</div>
</div>
<!-- Modal Reservar -->
<!-- Modal Comentar -->
<div id="modal-comentar" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2">
<div class="modal-dialog" role="document">
<div class="modal-content">
<form id="formOpinion" class="form-horizontal" method="post" data-toggle="validator" data-focus="false" role="form" novalidate="true">
<input type="hidden" name="codigo" value="438553">
<input type="hidden" id="valoracion" name="valoracion" value="0">
<div class="modal-header">
<button class="close" type="button" data-dismiss="modal"><i class="fa fa-times" aria-hidden="true"></i></button>
<h4 class="modal-title">Comentarios</h4>
</div>
<div class="modal-body">
<div id="modal-comentar-box">
<div class="valoracion">
<label for="email" class="control-label">Valoración</label>
<div class="stars">
<a onclick="select_rating(1)" onmouseout="rating(ratingSeleccionado)" onmouseover="rating(1)" class="rating_off" id="rate1" title="Muy malo"><img alt="Muy malo" name="estrellas_1" src="/es/images/rating_off.png"></a>
<a onclick="select_rating(2)" onmouseout="rating(ratingSeleccionado)" onmouseover="rating(2)" class="rating_off" id="rate2" title="Malo"><img alt="Malo" name="estrellas_2" src="/es/images/rating_off.png"></a>
<a onclick="select_rating(3)" onmouseout="rating(ratingSeleccionado)" onmouseover="rating(3)" class="rating_off" id="rate3" title="Regular"><img alt="Regular" name="estrellas_3" src="/es/images/rating_off.png"></a>
<a onclick="select_rating(4)" onmouseout="rating(ratingSeleccionado)" onmouseover="rating(4)" class="rating_off" id="rate4" title="Bueno"><img alt="Bueno" name="estrellas_4" src="/es/images/rating_off.png"></a>
<a onclick="select_rating(5)" onmouseout="rating(ratingSeleccionado)" onmouseover="rating(5)" class="rating_off" id="rate5" title="Muy bueno"><img alt="Muy bueno" name="estrellas_5" src="/es/images/rating_off.png"></a>
</div>
<span>(Puedes valorar qué te ha parecido este libro)</span>
</div>
<div class="form-group">
<label for="email" class="col-sm-3 control-label">E-mail *</label>
<div class="col-sm-8">
<input type="text" name="email" id="email" class="form-control" value="" maxlength="65" data-error="Completa este campo" required>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="form-group">
<label for="nombre" class="col-sm-3 control-label">Nombre *</label>
<div class="col-sm-8">
<input type="text" name="nombre" id="nombre" class="form-control" value="" maxlength="50" data-error="Completa este campo" required>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="form-group">
<label for="tituloOpinion" class="col-sm-3 control-label">Título *</label>
<div class="col-sm-8">
<input type="text" name="tituloOpinion" id="tituloOpinion" class="form-control" value="" maxlength="100" data-error="Completa este campo" required>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Introduce tu opinión *</label>
<div class="col-sm-8">
<textarea name="opinion" id="opinion" class="form-control" data-error="Completa este campo" required></textarea>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="form-group">
<div class="checkbox col-sm-offset-3 col-sm-9">
<label for="mostrarEmail" class="control-label">
<input type="checkbox" name="mostrarEmail" id="mostrarEmail" value="S">
Mostrar tu e-mail
</label>
</div>
</div>
<div class="form-group">
<div class="checkbox col-sm-offset-3 col-sm-9">
<label>
<input type="checkbox"
value="1"
name="condiciones"
data-error="Debes aceptar las condiciones"
required>
He leído y acepto la
<a href="/es/proteccion-de-datos">
política de privacidad
</a>
</label>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-3 col-sm-8">
<div id="Recaptcha2"></div>
</div>
</div>
</div>
<div id="msg-modal"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
<button type="submit" class="btn btn-primary">Enviar</button>
</div>
</form>
</div>
</div>
</div>
<!-- Modal Click & collect -->
<div id="modal-click-and-collect" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2">
<div class="modal-dialog" role="document">
<div class="modal-content">
<form id="formClickAndCollect" class="form-horizontal" method="post" action="/es/click-and-collect/crearPedidoRecoger.php" data-toggle="validator" data-focus="false" role="form" novalidate="true">
<input type="hidden" name="codArticulo" value="438553">
<input type="hidden" name="marcaTiempo" value="1714396461">
<input type="hidden" name="campov" value="">
<div class="modal-header">
<button class="close" type="button" data-dismiss="modal"><i class="fa fa-times" aria-hidden="true"></i></button>
<h4 class="modal-title">Recoger</h4>
</div>
<div class="modal-body">
<div id="modal-click-and-collect-box">
<div class="text">
<p>Compra de: <strong>EL GRAN LIBRO DE HTML5, CSS3 Y JAVASCRIPT</strong></p>
<p>Rellena el siguiente formulario para la compra del artículo. Tendrás que pasarte por la librería para pagarlo y recogerlo. Muchas gracias por tu interés</p>
</div>
<div class="form-group">
<label for="nombre" class="col-sm-2 control-label">Nombre</label>
<div class="col-sm-9">
<input type="text" name="nombre" value="" maxlength="50" class="form-control" required>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="form-group">
<label for="nombre" class="col-sm-2 control-label">Apellidos</label>
<div class="col-sm-9">
<input type="text" name="apellidos" value="" maxlength="50" class="form-control" required>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="form-group">
<label for="email" class="col-sm-2 control-label">Email</label>
<div class="col-sm-9">
<input type="email" name="email" value="" maxlength="150" class="form-control" required>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="form-group">
<label for="email" class="col-sm-2 control-label">Teléfono</label>
<div class="col-sm-9">
<input type="text" name="telefono" value="" maxlength="20" class="form-control" required>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="form-group">
<label for="comentarios" class="col-sm-2 control-label">Comentario</label>
<div class="col-sm-9">
<textarea name="comentarios" class="form-control"></textarea>
</div>
</div>
<div class="form-group">
<div class="checkbox col-sm-offset-2 col-sm-9">
<label>
<input type="checkbox" value="1" name="condiciones" data-error="Debes aceptar las condiciones" required>
He leído y acepto la
<a href="/es/proteccion-de-datos" target="_blank">política de privacidad</a>
</label>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-9">
<div id="Recaptcha3"></div>
</div>
</div>
</div>
<div id="msg-modal"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
<button type="submit" class="btn btn-primary">Enviar</button>
</div>
</form>
</div>
</div>
</div>
</div><!--cierre primary -->
</div><!--cierre row -->
</div><!--cierre content -->
<footer id="footer">
<div class="footer-newsletter">
<div class="container">
<div class="row">
<div class="col-md-5 col-sm-12 col-xs-12 footer-newsletter-info">
<h2>Boletín de Novedades</h2>
<p>Suscríbete y estarás al tanto de nuestras novedades</p>
</div>
<div class="col-md-7 col-sm-12 col-xs-12 footer-newsletter-form">
<!-- Begin MailChimp Signup Form -->
<div id="newsletter">
<form action="/es/suscripciones/formListas.php" method="post" class="validate" onsubmit="return validarEmail(this.EMAIL)">
<div id="mc_embed_signup_scroll">
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Email" required>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_610aa48ba7cb6fbbba79e11ca_2166c5db41" tabindex="-1" value=""></div>
<input type="submit" value="Suscribir" name="Suscribirse" id="mc-embedded-subscribe" class="btntwo">
</div>
</form>
</div>
<!--End mc_embed_signup-->
</div>
</div>
</div>
</div>
<div class="footer-bottom container">
<div class="row">
<div class="col-md-3">
<img class="footer-logo" title="Ir a la página de inicio" alt="Librería Luces" src="/es/images/logo-white.png"/>
<div class="contact-info hidden">
<div>Alameda Principal 37 - Trinidad Grund, 30</div>
<span>29001</span>
<span>Málaga</span>
<span>(España)</span>
</div>
<ul class="social-networks">
<li class="facebook">
<a title="FACEBOOK" target="_blank" href="https://www.facebook.com/librerialuces"><i class="fa fa-facebook"></i></a>
</li>
<li class="twitter">
<a title="TWITTER" target="_blank" href="https://twitter.com/librerialuces"><i class="fa fa-twitter"></i></a>
</li>
<li class="instagram">
<a title="INSTAGRAM" target="_blank" href="https://www.instagram.com/librerialuces/"><i class="fa fa-instagram"></i></a>
</li>
<li class="youtube">
<a title="YOUTUBE" target="_blank" href="https://www.youtube.com/user/librerialuces"><i class="fa fa-youtube"></i></a>
</li>
<li class="whatsapp">
<a title="(+34) 661677195" target="_blank" href="https://wa.me/34661677195"><i class="fa fa-whatsapp"></i></a>
</li>
</ul>
</div>
<div class="footer-menu col-md-3 col-sm-4">
<h3>Contacto</h3>
<ul>
<li><i class="fa fa-phone" aria-hidden="true"></i><a href="tel:(+34) 952 122 100">(+34) 952 122 100</a></li>
<li><a href="mailto:info@librerialuces.com" target="_blank"><i class="fa fa-envelope" aria-hidden="true"></i>info@librerialuces.com</a></li>
<li><a href="/es/contacto"><i class="fa fa-comment" aria-hidden="true"></i>Formulario de contacto</a></li>
</ul>
</div>
<div class="footer-menu col-md-3 col-sm-4">
<h3>Páginas legales</h3>
<ul>
<li><a href="/es/aviso-legal">Aviso legal</a></li>
<li><a href="/es/condiciones-de-venta">Condiciones de venta</a></li>
<li><a href="/es/proteccion-de-datos">Protección de datos</a></li>
<li><a href="/es/politica-de-cookies">Política de Cookies</a></li>
</ul>
</div>
<div class="footer-menu col-md-3 col-sm-4">
<h3>Atención al cliente</h3>
<ul>
<li><a href="/es/pedidos-especiales/">Pedidos especiales</a></li>
<li><a href="https://www.librerialuces.com/es/afiliados/">Panel afiliados</a></li>
</ul>
</div>
<div class="col-md-12 logos-ministerio">
<p>Este proyecto ha recibido una ayuda extraordinaria del Ministerio de Cultura y Deporte.</p>
<img style="max-width:300px" src="/es/images/ministerio.webp" alt="Subvención del Ministerio de Cultura y Deporte">
</div>
</div>
<div class="footer-copyright">
<div class="row">
<div class="col-sm-12">
<p class="info-name">
2024 © <strong>Librería Luces</strong>. Todos los Derechos Reservados |
<a href="https://editorial.trevenque.es/productos/weblib/" title="Desarrollado por Grupo Trevenque" target="_blank">Grupo Trevenque</a>
</p>
</div>
</div>
</div>
</div>
</footer>
<div id="dialogAlert" style="display:none"></div>
</div><!--cierre container -->
<a href="#" class="scrollToTop"><i class="fa fa-chevron-up" aria-hidden="true"></i></a>
<script type="text/javascript">
/** Variables configuración **/
var rutaHtml = "/es";
var rutaImg = "/es/images";
var paginaActual = "detalle.php";
var paramMoneda = "€|D|2|,|.";
var totalArticulosCesta = 0;
var slider = 0;
var autocomplete = 0;
var analytics = "UA-1731008-1";
var facebookPixel = "";
var divisa = "EUR";
var afiliado = "";
var stickyHeader = "1";
/** Variables texto **/
var emailIncorrecto = "El e-mail no es correcto";
var aceptar = "Aceptar";
var cancelar = "Cancelar";
var verCesta = "Ver Mi Compra";
var checkout = false;
var seguirComprando = "Seguir comprando";
var artInsCestaOK = "Artículo añadido a mi cesta";
var verTodos = "Ver todos";
var introPalBusqueda = "Introduce las palabras de búsqueda";
var notifOK = "";
var notifERR = "";
var notifINFO = "";
var numArticulosCarritoCab = "";
var noArticulosCesta= "No hay artículos en la cesta";
var verMas = "Ver más";
var verMenos = "Ver menos";
</script>
<script type="text/javascript" src="/es/js/jquery.js" ></script>
<script type="text/javascript" src="/es/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="/es/js/jquery.pnotify.min.js"></script>
<script type="text/javascript" src="/es/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/es/js/validator.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.5/js/bootstrap-dialog.min.js"></script>
<script type="text/javascript" src="/es/js/jquery-labelauty.js"></script>
<script type="text/javascript" src="/es/js/slick.min.js"></script>
<script src="https://kit.fontawesome.com/c6323d31ec.js" crossorigin="anonymous"></script>
<script type="text/javascript" src="/es/js/jquery.idTabs.min.js" ></script>
<script type="text/javascript" src="/es/lightbox/js/lightbox.min.js"></script>
<script type="text/javascript" src="/es/js/jssocials.min.js"></script>
<!--14/12/2022 Gloria Se añade este codigo a petición del cliente en el ticket #288142-->
<script type="text/javascript" src="/es/js/check.js"></script>
<script type="text/javascript" src="/es/js/util.js"></script>
<script type="text/javascript" src="/es/js/general.js"></script>
<script type="text/javascript">
var CaptchaCallback = function() {
grecaptcha.render('Recaptcha1', {'sitekey' : '6Le63k4cAAAAAFvbGcNNh3l-DVHrkuFXIeTYCERo'});
grecaptcha.render('Recaptcha2', {'sitekey' : '6Le63k4cAAAAAFvbGcNNh3l-DVHrkuFXIeTYCERo'});
grecaptcha.render('Recaptcha3', {'sitekey' : '6Le63k4cAAAAAFvbGcNNh3l-DVHrkuFXIeTYCERo'});
};
</script>
<script src='https://www.google.com/recaptcha/api.js?hl=es&onload=CaptchaCallback&render=explicit' async defer></script>
<noscript class="cookie-block-b">
<script>
dataLayer.push({'event': 'cookieLayerUpdate'});
</script>
</noscript>
<noscript class="cookie-block-b">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-1731008-1', 'auto');
ga('require', 'displayfeatures');
ga('send', 'pageview');
</script>
</noscript>
<script type="text/javascript">
var rutaImg = "/es/images";
var VALORACIONES_LIBROS = false;
var EBOOKS = "L";
var logeado = false;
var rutaEbooks = "https://www.librerialuces.com/es/unclick";
var disponibilidad_L = "N";
var ean = "9788426719959";
var RESERVAS = true;
var CLICK_AND_COLLECT = true;
function comprarEbook (codigo, obj)
{
if(logeado){
obj.href = "#";
$(document).ready(function() {
$("#dialog").dialog({ modal: true });
$("#dialog").dialog({ draggable: false })
$("#dialog").dialog({ resizable: false });
$("#dialog").dialog({ width: 390 });
$("#dialog").dialog({ buttons: {
"Cancelar": function() { $(this).dialog("close"); },
"Revisar": function() { window.location = rutaEbooks+"/formPedido.php?fr_accion=comprar&codArticulo=" + codigo },
"No es necesario": function() { window.location = rutaEbooks+"/crearPedido.php?fr_accion=comprar&codArticulo=" + codigo }
}});
});
}
else
return false;
}
$(document).ready(function() {
$(window).bind("load", function() {
var atributo = $('#__GBS_Button0 img').attr('src');
if(typeof atributo !== undefined && atributo !== false){
if($('#__GBS_Button0 img').attr('src').length){
$('#__GBS_Button0').css('display','inherit');
$('#__GBS_Button0').css('cursor','pointer');
}
}
});
});
</script>
<script src="/es/js/detalleBase.js" type="text/javascript"></script>
<div id="cookie-compliant">
<div class="container">
<div class="row">
<div id="introcookies">
<div class="col-sm-9 introcookies-text">
<p>Esta web utiliza cookies propias y de terceros para mejorar nuestros servicios mediante el análisis de sus hábitos de navegación. Puede obtener más información <a id="info-cookies" href="/es/politica-de-cookies" title="Más información">aquí</a> o cambiar la <a id="config-cookies" href="#">configuración</a>.</p>
</div>
<div class="col-sm-3 introcookies-btn">
<button type="button" id="cookie-accept" class="btn btn-accept" aria-label="Close">Aceptar cookies</button>
</div>
</div>
<div id="configcookies">
<div class="row">
<div class="col-md-12">
<form name="formCookies" id="formCookies" action="#" method="post">
<h2>¿Que son las Cookies?</h2>
<p>Una cookie es un fichero que se descarga en tu ordenador al acceder a determinadas páginas web. Las cookies permiten a una página web, entre otras cosas, almacenar y recuperar información sobre los hábitos de navegación de un usuario o de su equipo, gestionar el acceso de usuarios a zonas restringidas de la web, etc. Tipo de cookies utiliza esta página web.</p>
<ul class="lista-check">
<li>
<div class="primary">
<input type="checkbox" id="cookie_a" name="cookie_a" value="1" checked="checked" disabled="disabled">
<label for="cookie_a"></label>
<span>Cookies Técnicas</span>
<p>Este tipo de cookies permiten al usuario la navegación a través de una página web, plataforma o aplicación y la utilización de las diferentes opciones o servicios que en ella existan como, por ejemplo, controlar el tráfico y la comunicación de datos, identificar la sesión, acceder a partes de acceso restringido, seleccionar el idioma, o compartir contenidos a través de redes sociales.</p>
</div>
</li>
<li>
<div class="primary">
<input type="checkbox" id="cookie_b" name="cookie_b" value="1">
<label for="cookie_b"></label>
<span>Cookies de Análisis</span>
<p>Son aquéllas que posibilitan el seguimiento y análisis del comportamiento de los usuarios en nuestra página. La información recogida se utiliza para la medición de la actividad de los usuarios en la web y la elaboración de perfiles de navegación de los usuarios, con la finalidad de mejorar la web, así como los productos y servicios ofertados.</p>
</div>
</li>
<li>
<div class="primary">
<input type="checkbox" id="cookie_c" name="cookie_c" value="1">
<label for="cookie_c"></label>
<span>Cookies de Personalización</span>
<p>Estas cookies pueden ser establecidas a través de nuestro sitio por nuestros socios publicitarios. Pueden ser utilizadas por esas empresas para crear un perfil de sus intereses y mostrarle anuncios relevantes en otros sitios. No almacenan directamente información personal, sino que se basan en la identificación única de su navegador y dispositivo de Internet. Si no permite utilizar estas cookies, verá menos publicidad dirigida.</p>
</div>
</li>
</ul>
<div class="row">
<div class="col-md-12 botones">
<button type="button" id="grabarAceptar" class="btn btn-accept">Guardar y aceptar</button>
<button type="button" id="aceptartodas" class="btn btn-accept">Aceptar todas</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="/es/js/cookieblock-1.1.0.js"></script>
<script type="text/javascript">
var cb = new CookieBlock({
browsing: '0',
scrolling: '0',
});
cb.setIgnore(['/es/politica-de-cookies']);
cb.setAnalytics('UA-1731008-1');
cb.setDebug(false);
cb.init();
$(document).ready(function() {
$("#config-cookies").click(function(e) {
e.preventDefault();
$("#configcookies").slideDown(200);
$("#introcookies").slideUp(100);
});
$("#grabarAceptar").click(function(e) {
e.preventDefault();
var form = document.formCookies;
var cookiesActivas = "a";
//console.log("cookie_b:"+form.cookie_b.checked);
if (form.cookie_b.checked) {
cookiesActivas += "-b";
}
//console.log("cookie_c:"+form.cookie_c.checked);
if (form.cookie_c.checked) {
cookiesActivas += "-c";
}
$("#cookie-compliant").hide();
//console.log("cookiesActivas:"+cookiesActivas);
cb.setCookieExt("ALLOW_COOKIES", cookiesActivas);
cb.init();
});
$("#cookie-compliant .lista-check input ~ label + span").click(function() {
$(this).next("p").slideToggle(100);
});
});
</script>
</body>
</html> 
