7 Días de HTML [Leanpub PDF/iPad/Kindle]

- La Colección 7dias.dev
- Cuarzo.dev
- Introducción
  - Breve historia de HTML
  - Importancia de HTML en la web
  - Objetivos del libro
- Día 1: Fundamentos de HTML
  - ¿Qué es HTML?
  - Estructura básica de un documento HTML
  - Etiquetas y atributos
  - Elementos de texto (encabezados, párrafos, listas, etc.)
  - Ejercicio: Crear una página sencilla
- Día 2: Enlaces e imágenes
  - Hipervínculos o enlaces
  - Enlazando páginas internas y externas
  - Imágenes y atributos
  - Etiqueta de anclaje
  - Ejercicio: Crear una página con enlaces e imágenes
- Día 3: Estructura y secciones
  - Elementos semánticos
  - Etiquetas de encabezado, pie de página y navegación
  - Artículos y secciones
  - Etiquetas de dirección y detalles
  - Ejercicio: Crear una página web estructurada
- Día 4: Tablas y formularios
  - Tablas: estructura y etiquetas
  - Estilos de tabla
  - Introducción a los formularios
  - Campos de entrada y botones
  - Ejercicio: Crear una página con tablas y formularios
- Día 5: Multimedia e incrustación de contenido
  - Incrustar audio y video
  - Etiqueta de imagen responsiva:
  - Incrustar contenido externo: </code></li></ul><ul><li>Etiquetas de tiempo y progreso</li></ul><ul><li>Ejercicio: Crear una página con contenido multimedia</li></ul></li></ul><ul><li>Día 6: Accesibilidad y SEO<ul><li>Importancia de la accesibilidad</li></ul><ul><li>Estructura y etiquetas semánticas</li></ul><ul><li>Etiquetas de encabezado y jerarquía</li></ul><ul><li>Etiquetas <code>label</code> y atributo <code>for</code></li></ul><ul><li>Ejercicio: Mejorar la accesibilidad y el SEO de una página web</li></ul></li></ul><ul><li>Día 7: Integración con CSS y JavaScript<ul><li>Introducción a CSS</li></ul><ul><li>Vinculación de hojas de estilo CSS</li></ul><ul><li>Introducción a JavaScript</li></ul><ul><li>Agregar interactividad con JavaScript</li></ul><ul><li>Ejercicio: Crear una página web interactiva y estilizada</li></ul></li></ul><ul><li>Conclusión<ul><li>Resumen del aprendizaje en 7 días</li></ul><ul><li>Pasos siguientes para profundizar en el desarrollo web</li></ul><ul><li>Recursos adicionales para seguir aprendiendo</li></ul></li></ul><ul><li>Soluciones de los ejercicios<ul><li>Ejercicio día 1</li></ul><ul><li>Ejercicio día 2</li></ul><ul><li>Ejercicio día 3</li></ul><ul><li>Ejercicio día 4</li></ul><ul><li>Ejercicio día 5</li></ul><ul><li>Ejercicio día 6</li></ul><ul><li>Ejercicio día 7</li></ul></li></ul></li></ul></article></section><article class="bg-blue-600 py-5" id="happiness" style="scroll-margin-block-start:115px"><div class="mx-auto max-w-5xl px-4 py-7 text-center sm:px-6 lg:flex lg:items-center lg:px-8 lg:py-10"><div class="prose prose-sm md:prose-base prose-h2:text-2xl prose-h2:font-bold md:prose-h2:mb-10 md:prose-h2:text-4xl mx-auto max-w-none break-words lg:w-0 lg:flex-1 [&_span]:mx-1 prose-white [&_span]:prose-white"><h2>The Leanpub 60 Day 100% Happiness Guarantee</h2><p class="prose-white text-white [&_a]:text-white hover:[&_a]:text-white">Within <strong>60 days of purchase</strong> you can get a <strong>100% refund</strong> on any Leanpub purchase, in <strong>two clicks</strong>.<br/><br/>Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.<br/><br/><i>You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!</i><br/><br/>So, there's no reason not to click the Add to Cart button, is there?<br/><br/><a class="font-bold text-blue-500 dark:text-white hover:opacity-70 underline" href="/refunds" data-discover="true">See full terms...</a></p></div></div></article><article class="bg-brand-author py-5" style="scroll-margin-block-start:115px"><div class="mx-auto max-w-5xl px-4 py-7 text-center sm:px-6 lg:flex lg:items-center lg:px-8 lg:py-10"><div class="prose prose-sm md:prose-base prose-h2:text-2xl prose-h2:font-bold md:prose-h2:mb-10 md:prose-h2:text-4xl mx-auto max-w-none break-words lg:w-0 lg:flex-1 [&_span]:mx-1 prose-white [&_span]:prose-white"><h2 class="prose-white [&_a]:text-white hover:[&_a]:text-white">Earn $8 on a $10 Purchase, and $16 on a $20 Purchase</h2><p class="prose-white [&_a]:text-white hover:[&_a]:text-white">We pay <strong>80% royalties</strong> on purchases of <strong>$7.99 or more</strong>, and <strong>80% royalties minus a 50 cent flat fee</strong> on purchases between <strong>$0.99 and $7.98</strong>. <strong>You earn $8 on a $10 sale, and $16 on a $20 sale</strong>. So, if we sell <strong>5000 non-refunded copies of your book for $20</strong>, you'll earn <strong>$80,000</strong>.<br/><br/><i>(Yes, some authors have already earned much more than that on Leanpub.)</i><br/><br/>In fact, authors have earned <a class="font-bold text-blue-500 dark:text-white hover:opacity-70 underline" href="/authors" data-discover="true">over $14 million</a> writing, publishing and selling on Leanpub.<br/><br/><strong><a class="font-bold text-blue-500 dark:text-white hover:opacity-70 underline" href="/authors" data-discover="true">Learn more about writing on Leanpub</a></strong></p></div></div></article><article class="bg-brand-comet py-5" style="scroll-margin-block-start:115px"><div class="mx-auto max-w-5xl px-4 py-7 text-center sm:px-6 lg:flex lg:items-center lg:px-8 lg:py-10"><div class="prose prose-sm md:prose-base prose-h2:text-2xl prose-h2:font-bold md:prose-h2:mb-10 md:prose-h2:text-4xl mx-auto max-w-none break-words lg:w-0 lg:flex-1 [&_span]:mx-1 prose-white [&_span]:prose-white"><h2 class="prose-white">Free Updates. DRM Free.</h2><p class="prose-white">If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).<br/><br/>Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.<br/><br/>Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.</p><p><a href="https://help.leanpub.com/reader-help/what-formats-do-leanpub-books-come-in" class="text-white hover:text-white text-blue-500 dark:text-white hover:opacity-70 no-underline!" target="_blank" rel="noopener noreferrer">Learn more about Leanpub's ebook formats and where to read them</a></p></div></div></article><article class="bg-brand-martinique py-5" style="scroll-margin-block-start:115px"><div class="mx-auto max-w-5xl px-4 py-7 text-center sm:px-6 lg:flex lg:items-center lg:px-8 lg:py-10"><div class="prose prose-sm md:prose-base prose-h2:text-2xl prose-h2:font-bold md:prose-h2:mb-10 md:prose-h2:text-4xl mx-auto max-w-none break-words lg:w-0 lg:flex-1 [&_span]:mx-1 prose-white [&_span]:prose-white"><h2>Write and Publish on Leanpub</h2><p class="prose-white">You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!<br/><br/>Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.<br/><br/>Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.</p><a class="text-white underline hover:text-white underline" href="/authors" data-discover="true">Learn more about writing on Leanpub</a></div></div></article></main><footer class="bg-slate-900 px-4 py-8 text-white sm:py-10 lg:px-8 lg:py-12" aria-labelledby="footer-heading"><h2 id="footer-heading" class="sr-only">Footer</h2><div class="mx-auto max-w-4xl space-y-8"><section class="space-y-4" aria-describedby="footer-icon-title-section"><div class="flex flex-col items-center gap-4"><svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="leanpub" class="svg-inline--fa fa-leanpub text-center text-6xl text-white" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M386.539 111.485l15.096 248.955-10.979-.275c-36.232-.824-71.64 8.783-102.657 27.997-31.016-19.214-66.424-27.997-102.657-27.997-45.564 0-82.07 10.705-123.516 27.723L93.117 129.6c28.546-11.803 61.484-18.115 92.226-18.115 41.173 0 73.836 13.175 102.657 42.544 27.723-28.271 59.013-41.721 98.539-42.544zM569.07 448c-25.526 0-47.485-5.215-70.542-15.645-34.31-15.645-69.993-24.978-107.871-24.978-38.977 0-74.934 12.901-102.657 40.623-27.723-27.723-63.68-40.623-102.657-40.623-37.878 0-73.561 9.333-107.871 24.978C55.239 442.236 32.731 448 8.303 448H6.93L49.475 98.859C88.726 76.626 136.486 64 181.775 64 218.83 64 256.984 71.685 288 93.095 319.016 71.685 357.17 64 394.225 64c45.289 0 93.049 12.626 132.3 34.859L569.07 448zm-43.368-44.741l-34.036-280.246c-30.742-13.999-67.248-21.41-101.009-21.41-38.428 0-74.385 12.077-102.657 38.702-28.272-26.625-64.228-38.702-102.657-38.702-33.761 0-70.267 7.411-101.009 21.41L50.298 403.259c47.211-19.487 82.894-33.486 135.045-33.486 37.604 0 70.817 9.606 102.657 29.644 31.84-20.038 65.052-29.644 102.657-29.644 52.151 0 87.834 13.999 135.045 33.486z"></path></svg><h3 class="text-base font-bold tracking-normal text-white" id="footer-icon-title-section">Publish Early, Publish Often</h3></div></section><section class="mt-12 grid grid-cols-1 gap-8 xl:col-span-1 xl:mt-0" aria-describedby="footer-navigation_links"><h3 class="sr-only" id="footer-navigation_links">Links</h3><div class="md:grid md:grid-cols-3 md:gap-16"><section><h3 class="text-sm font-semibold tracking-wider text-white uppercase">Store</h3><hr/><ul class="mt-4 space-y-14"><li><ul><li><a href="/" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Featured</a></li><li><a href="/store/books" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Books</a></li><li><a href="/store/bundles" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Bundles</a></li><li><a href="/store/courses" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Courses</a></li><li><a href="/store/tracks" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Tracks</a></li><li><a href="/podcasts/leanpub" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Podcast</a></li><li><a href="/redeem" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Redeem a Token</a></li></ul></li></ul><br/><h3 class="text-sm font-semibold tracking-wider text-white uppercase">Services</h3><hr/><ul class="mt-4 space-y-14"><li><ul><li><a href="/services/author_quickstart" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Author Quickstart</a></li><li><a href="/services/accessibility_pro" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">AccessibilityPro</a></li><li><a href="/services/course_ai" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">CourseAI</a></li><li><a href="/services/global_author" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">GlobalAuthor</a></li><li><a href="/services/index_ai" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">IndexAI</a></li><li><a href="/services/launch_quickstart" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Launch Quickstart</a></li><li><a href="/services/marketing_packages" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Marketing Packages</a></li><li><a href="/services/publish_on_amazon" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Publish on Amazon</a></li><li><a href="/services/translate_ai" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">TranslateAI</a></li></ul></li></ul><br/><h3 class="text-sm font-semibold tracking-wider text-white uppercase">Organizations</h3><hr/><ul class="mt-4 space-y-14"><li><ul><li><a href="/organizations" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Learn More</a></li></ul></li></ul><br/></section><section class="mt-12 md:mt-0"><h3 class="text-sm font-semibold tracking-wider text-white uppercase">Authors</h3><hr/><ul class="mt-4 space-y-14"><li><ul><li><a href="/authors" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Author Memberships</a></li><li><a href="/authors/create/book" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Create Book</a></li><li><a href="/authors/create/bundle" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Create Bundle</a></li><li><a href="/authors/create/course" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Create Course</a></li><li><a href="/authors/create/track" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Create Track</a></li></ul></li></ul><br/><h3 class="text-sm font-semibold tracking-wider text-white uppercase">Author Support</h3><hr/><ul class="mt-4 space-y-14"><li><ul><li><a href="https://help.leanpub.com/en/articles/4405350-leanpub-author-faq" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Author FAQ</a></li><li><a href="https://help.leanpub.com/author-help" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Author Help Center</a></li><li><a href="https://community.leanpub.com/c/authors" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Leanpub Authors Forum</a></li><li><a href="/manual/read" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">The Leanpub Manual</a></li><li><a href="/lfm/read" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">The LFM Manual</a></li><li><a href="/markua/read" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">The Markua Manual</a></li><li><a href="/help/api" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">API Docs</a></li></ul></li></ul><br/><h3 class="text-sm font-semibold tracking-wider text-white uppercase">More</h3><hr/><ul class="mt-4 space-y-14"><li><ul><li><a href="/partner_program" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Partner Program</a></li><li><a href="/causes" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Causes</a></li><li><a href="/accessibility" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Accessibility</a></li></ul></li></ul><br/></section><section class="mt-12 md:mt-0"><h3 class="text-sm font-semibold tracking-wider text-white uppercase">Readers</h3><hr/><ul class="mt-4 space-y-14"><li><ul><li><a href="/readers" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Reader Memberships</a></li><li><a href="/readers/credits" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Buy Credits</a></li><li><a href="https://help.leanpub.com/en/articles/3788293-the-leanpub-faq" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Reader FAQ</a></li><li><a href="https://help.leanpub.com/en/" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Help Center</a></li></ul></li></ul><br/><h3 class="text-sm font-semibold tracking-wider text-white uppercase">Essays</h3><hr/><ul class="mt-4 space-y-14"><li><ul><li><a href="/ai_services" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">AI Services (2024)</a></li><li><a href="/imagine_a_world" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Imagine a world... (2022)</a></li><li><a href="/definition" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">The Lean Publishing Definition (2013)</a></li><li><a href="/manifesto" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">The Lean Publishing Manifesto (2010)</a></li></ul></li></ul><br/><h3 class="text-sm font-semibold tracking-wider text-white uppercase">Legal</h3><hr/><ul class="mt-4 space-y-14"><li><ul><li><a href="/terms" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Terms of Service</a></li><li><a href="/takedown" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Copyright Policy</a></li><li><a href="/privacy" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Privacy Policy</a></li><li><a href="refunds" class="text-xs tracking-wider text-neutral-50 outline-hidden hover:underline focus:ring-2 focus:ring-azure-50 focus:ring-offset-2 focus:ring-offset-neutral-800">Refund Policy</a></li></ul></li></ul><br/></section></div></section><section aria-labelledby="footer-copyright-and-legal"><h3 class="sr-only" id="footer-copyright-and-legal">Copyright and reCAPTCHA</h3><hr class="my-20"/><div class="space-y-12"><article><p class="text-center text-xs leading-4 text-neutral-100">Leanpub is copyright © 2010-2025 <a class="text-azure-50 outline-hidden focus:ring-2 focus:ring-azure-50 focus:ring-offset-1 focus:ring-offset-neutral-800" href="http://ruboss.com/">Ruboss Technology Corp</a>.</p><p class="text-center text-xs leading-4 text-neutral-100">All rights reserved.</p></article><article><p class="text-center text-xs leading-4 text-neutral-100">This site is protected by reCAPTCHA</p><p class="text-center text-xs leading-4 text-neutral-100">and the <a class="text-azure-50 outline-hidden focus:ring-2 focus:ring-azure-50 focus:ring-offset-1 focus:ring-offset-neutral-800" href="https://policies.google.com/privacy">Google Privacy Policy</a> and <a class="text-azure-50 outline-hidden focus:ring-2 focus:ring-azure-50 focus:ring-offset-1 focus:ring-offset-neutral-800" href="https://policies.google.com/terms">Terms of Service apply</a>.</p></article></div></section></div></footer><div aria-hidden="true" class="relative w-full "><div role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" class="bg-azure-500 pointer-events-none fixed bottom-0 left-0 h-[0.22rem] w-[var(--progress)] origin-bottom-left" style="--progress:0%;box-shadow:0 -2px 6px rgba(0,0,0,0.15);transition:width 120ms ease-out, opacity 200ms ease-in;opacity:0"></div></div><script>((storageKey2, restoreKey) => { if (!window.history.state || !window.history.state.key) { let key = Math.random().toString(32).slice(2); window.history.replaceState({ key }, ""); } try { let positions = JSON.parse(sessionStorage.getItem(storageKey2) || "{}"); let storedY = positions[restoreKey || window.history.state.key]; if (typeof storedY === "number") { window.scrollTo(0, storedY); } } catch (error) { console.error(error); sessionStorage.removeItem(storageKey2); } })("react-router-scroll-positions", null)</script><link rel="modulepreload" href="/assets/entry.client-BJ7Da9ot.js"/><link rel="modulepreload" href="/assets/jsx-runtime-CX4EfDy5.js"/><link rel="modulepreload" href="/assets/i18next-DuByLZTE.js"/><link rel="modulepreload" href="/assets/chunk-HA7DTUK3-LT5MaWka.js"/><link rel="modulepreload" href="/assets/index-CmRRJdGU.js"/><link rel="modulepreload" href="/assets/context-BrEE0ceD.js"/><link rel="modulepreload" href="/assets/root-C_Dh8Ezm.js"/><link rel="modulepreload" href="/assets/with-props-CF6WZCCE.js"/><link rel="modulepreload" href="/assets/useTranslation-D-xkYGqq.js"/><link rel="modulepreload" href="/assets/index-DzGUYBzK.js"/><link rel="modulepreload" href="/assets/r_toaster-WsPqnMJn.js"/><link rel="modulepreload" href="/assets/index-DvXpja_o.js"/><link rel="modulepreload" href="/assets/index.es-DQoJdtHt.js"/><link rel="modulepreload" href="/assets/errors-CsUXbUi5.js"/><link rel="modulepreload" href="/assets/use_analytics-cRQ2G0x1.js"/><link rel="modulepreload" href="/assets/clsx-B-dksMZM.js"/><link rel="modulepreload" href="/assets/conditional_render-Baau4aTO.js"/><link rel="modulepreload" href="/assets/index-Bd0EPgyD.js"/><link rel="modulepreload" href="/assets/api.client-Kv5T7fQT.js"/><link rel="modulepreload" href="/assets/graphql.types-DLLM4CAe.js"/><link rel="modulepreload" href="/assets/user-DFM38ybS.js"/><link rel="modulepreload" href="/assets/_layout-M5wAUJ4t.js"/><link rel="modulepreload" href="/assets/index-C3OAj7sG.js"/><link rel="modulepreload" href="/assets/index-CM7m6Cw2.js"/><link rel="modulepreload" href="/assets/dialog-9XubcTRk.js"/><link rel="modulepreload" href="/assets/keyboard-C1Wiwm26.js"/><link rel="modulepreload" href="/assets/use-event-listener-T8D9BtIT.js"/><link rel="modulepreload" href="/assets/use-sync-refs-fHXlxtnc.js"/><link rel="modulepreload" href="/assets/portal-DWTFadqr.js"/><link rel="modulepreload" href="/assets/focus-management-2xvLUKmG.js"/><link rel="modulepreload" href="/assets/owner-DrJJV58I.js"/><link rel="modulepreload" href="/assets/use-inert-others-i0juSeEr.js"/><link rel="modulepreload" href="/assets/use-tab-direction-P3MBCnCJ.js"/><link rel="modulepreload" href="/assets/close-provider-BcnEkhjh.js"/><link rel="modulepreload" href="/assets/description-DSCYav43.js"/><link rel="modulepreload" href="/assets/use-is-mounted-5luEqlPQ.js"/><link rel="modulepreload" href="/assets/active-element-history-CE_tDGGI.js"/><link rel="modulepreload" href="/assets/r_form-DsDuK1Iq.js"/><link rel="modulepreload" href="/assets/r_hidden-6IDSsmr-.js"/><link rel="modulepreload" href="/assets/rc_hidden-x-1zW2u-.js"/><link rel="modulepreload" href="/assets/_rollupPluginBabelHelpers-BAPqdPRJ.js"/><link rel="modulepreload" href="/assets/form-Dh86-Ax5.js"/><link rel="modulepreload" href="/assets/index-DL6STHbC.js"/><link rel="modulepreload" href="/assets/index-ClUZx2Qo.js"/><link rel="modulepreload" href="/assets/drawer_link_section-DEjIpIPa.js"/><link rel="modulepreload" href="/assets/user_image-pIGuJwJX.js"/><link rel="modulepreload" href="/assets/index-CqSkkANs.js"/><link rel="modulepreload" href="/assets/header_navigation_link_data-D5SCoYbk.js"/><link rel="modulepreload" href="/assets/index-BDbYRd1m.js"/><link rel="modulepreload" href="/assets/search_bar-BlBX_-9j.js"/><link rel="modulepreload" href="/assets/r_button-Dr2d0Vtu.js"/><link rel="modulepreload" href="/assets/index-CGtFcHa7.js"/><link rel="modulepreload" href="/assets/index-BPRChopD.js"/><link rel="modulepreload" href="/assets/index-pzCkr8bw.js"/><link rel="modulepreload" href="/assets/index-elgLxFGg.js"/><link rel="modulepreload" href="/assets/index-c5-MDynC.js"/><link rel="modulepreload" href="/assets/floating-ui.react-dom-Ds1cgva3.js"/><link rel="modulepreload" href="/assets/index-Cf_cafaq.js"/><link rel="modulepreload" href="/assets/index-DOwQaW0Z.js"/><link rel="modulepreload" href="/assets/book_image-Bt0BkMlj.js"/><link rel="modulepreload" href="/assets/reload_root_input-CcmJK-pa.js"/><link rel="modulepreload" href="/assets/rta-C4ChDddx.js"/><link rel="modulepreload" href="/assets/shopping_cart_buttons-DZIp3Izm.js"/><link rel="modulepreload" href="/assets/index-BdcNM6Cl.js"/><link rel="modulepreload" href="/assets/money-B1tIULeG.js"/><link rel="modulepreload" href="/assets/shopping_cart-IsbHkiTA.js"/><link rel="modulepreload" href="/assets/use-event-source-C2zkYca2.js"/><link rel="modulepreload" href="/assets/capitalize_first_letter-BJlAHdUW.js"/><link rel="modulepreload" href="/assets/_layout-DiI2qho4.js"/><link rel="modulepreload" href="/assets/subheader-D-WtFeeO.js"/><link rel="modulepreload" href="/assets/route-Byzj31VO.js"/><link rel="modulepreload" href="/assets/cartable_form-qlD0A54f.js"/><link rel="modulepreload" href="/assets/banner_write_publish-2mdq6_U9.js"/><link rel="modulepreload" href="/assets/banner_guarantee_happiness-D8L-YN3n.js"/><link rel="modulepreload" href="/assets/book_about_author_podcast-CeeX--QG.js"/><link rel="modulepreload" href="/assets/book_about_author_social-CbT5itE_.js"/><link rel="modulepreload" href="/assets/author_names_with_links-BAPlwhjL.js"/><link rel="modulepreload" href="/assets/index-CR7BwGOb.js"/><link rel="modulepreload" href="/assets/author_names-CazCa-V3.js"/><link rel="modulepreload" href="/assets/r_text_input-CaljRmdE.js"/><link rel="modulepreload" href="/assets/index-8DQeiRVB.js"/><link rel="modulepreload" href="/assets/index-SabgI3-P.js"/><link rel="modulepreload" href="/assets/index-BDQiLml-.js"/><link rel="modulepreload" href="/assets/publisher_banner-A7rbD2d4.js"/><link rel="modulepreload" href="/assets/progress_bar-CSFSj_QL.js"/><link rel="modulepreload" href="/assets/cartable_pricing-DFQvYNHT.js"/><link rel="modulepreload" href="/assets/testimonial-Dl2GrQ92.js"/><link rel="modulepreload" href="/assets/bundle_image-Dus3qRZp.js"/><link rel="modulepreload" href="/assets/use-active-press-BFWMpeS0.js"/><link rel="modulepreload" href="/assets/floating-B5wHSQFa.js"/><link rel="modulepreload" href="/assets/use-resolve-button-type-6jmtFiDG.js"/><link rel="modulepreload" href="/assets/bugs-DpEN4NTH.js"/><link rel="modulepreload" href="/assets/r_h3-8_k1o5G3.js"/><link rel="modulepreload" href="/assets/index-DJ4ehW2p.js"/><link rel="modulepreload" href="/assets/index-Dzp-l72z.js"/><link rel="modulepreload" href="/assets/r_submit-Dcz1nWmT.js"/><link rel="modulepreload" href="/assets/rc_form-BJP-462b.js"/><link rel="modulepreload" href="/assets/r_error_alert-B-gIUwRj.js"/><link rel="modulepreload" href="/assets/hooks-DCicE-gu.js"/><link rel="modulepreload" href="/assets/submission-DKOyx_S4.js"/><link rel="modulepreload" href="/assets/parse-CgW9XPGX.js"/><link rel="modulepreload" href="/assets/_rollupPluginBabelHelpers-DsGIkDcD.js"/><link rel="modulepreload" href="/assets/close-button-DhiZAXjS.js"/><link rel="modulepreload" href="/assets/index-BqO9BRUc.js"/><link rel="modulepreload" href="/assets/proxy-CSwAsS63.js"/><link rel="modulepreload" href="/assets/index-cKcFlEr6.js"/><link rel="modulepreload" href="/assets/label-CW1iqFIR.js"/><link rel="modulepreload" href="/assets/field-DEjoc_Yk.js"/><link rel="modulepreload" href="/assets/index-lttCAb8_.js"/><link rel="modulepreload" href="/assets/use_date_formatter-2LKfC2_K.js"/><link rel="modulepreload" href="/assets/index-Bv1KtxMi.js"/><script>window.__reactRouterContext = {"basename":"/","future":{"unstable_optimizeDeps":false,"unstable_splitRouteModules":false,"unstable_viteEnvironmentApi":false},"ssr":true,"isSpaMode":false};window.__reactRouterContext.stream = new ReadableStream({start(controller){window.__reactRouterContext.streamController = controller;}}).pipeThrough(new TextEncoderStream());</script><script type="module" async="">; import * as route0 from "/assets/root-C_Dh8Ezm.js"; import * as route1 from "/assets/_layout-M5wAUJ4t.js"; import * as route2 from "/assets/_layout-DiI2qho4.js"; import * as route3 from "/assets/route-Byzj31VO.js"; window.__reactRouterManifest = { "entry": { "module": "/assets/entry.client-BJ7Da9ot.js", "imports": [ "/assets/jsx-runtime-CX4EfDy5.js", "/assets/i18next-DuByLZTE.js", "/assets/chunk-HA7DTUK3-LT5MaWka.js", "/assets/index-CmRRJdGU.js", "/assets/context-BrEE0ceD.js" ], "css": [] }, "routes": { "root": { "id": "root", "path": "", "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": true, "hasErrorBoundary": true, "module": "/assets/root-C_Dh8Ezm.js", "imports": [ "/assets/jsx-runtime-CX4EfDy5.js", "/assets/i18next-DuByLZTE.js", "/assets/chunk-HA7DTUK3-LT5MaWka.js", "/assets/index-CmRRJdGU.js", "/assets/context-BrEE0ceD.js", "/assets/with-props-CF6WZCCE.js", "/assets/useTranslation-D-xkYGqq.js", "/assets/index-DzGUYBzK.js", "/assets/r_toaster-WsPqnMJn.js", "/assets/index-DvXpja_o.js", "/assets/index.es-DQoJdtHt.js", "/assets/errors-CsUXbUi5.js", "/assets/use_analytics-cRQ2G0x1.js", "/assets/clsx-B-dksMZM.js", "/assets/conditional_render-Baau4aTO.js", "/assets/index-Bd0EPgyD.js", "/assets/api.client-Kv5T7fQT.js", "/assets/graphql.types-DLLM4CAe.js", "/assets/user-DFM38ybS.js" ], "css": [ "/assets/root-DZ0G025x.css" ] }, "routes/_store+/_layout": { "id": "routes/_store+/_layout", "parentId": "root", "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/_layout-M5wAUJ4t.js", "imports": [ "/assets/with-props-CF6WZCCE.js", "/assets/jsx-runtime-CX4EfDy5.js", "/assets/chunk-HA7DTUK3-LT5MaWka.js", "/assets/index-C3OAj7sG.js", "/assets/errors-CsUXbUi5.js", "/assets/index-DvXpja_o.js", "/assets/index.es-DQoJdtHt.js", "/assets/clsx-B-dksMZM.js", "/assets/index-CM7m6Cw2.js", "/assets/index-DzGUYBzK.js", "/assets/dialog-9XubcTRk.js", "/assets/keyboard-C1Wiwm26.js", "/assets/use-event-listener-T8D9BtIT.js", "/assets/use-sync-refs-fHXlxtnc.js", "/assets/portal-DWTFadqr.js", "/assets/focus-management-2xvLUKmG.js", "/assets/owner-DrJJV58I.js", "/assets/index-CmRRJdGU.js", "/assets/use-inert-others-i0juSeEr.js", "/assets/use-tab-direction-P3MBCnCJ.js", "/assets/close-provider-BcnEkhjh.js", "/assets/description-DSCYav43.js", "/assets/use-is-mounted-5luEqlPQ.js", "/assets/active-element-history-CE_tDGGI.js", "/assets/r_form-DsDuK1Iq.js", "/assets/r_toaster-WsPqnMJn.js", "/assets/r_hidden-6IDSsmr-.js", "/assets/rc_hidden-x-1zW2u-.js", "/assets/_rollupPluginBabelHelpers-BAPqdPRJ.js", "/assets/form-Dh86-Ax5.js", "/assets/index-DL6STHbC.js", "/assets/index-ClUZx2Qo.js", "/assets/useTranslation-D-xkYGqq.js", "/assets/context-BrEE0ceD.js", "/assets/drawer_link_section-DEjIpIPa.js", "/assets/user_image-pIGuJwJX.js", "/assets/index-CqSkkANs.js", "/assets/user-DFM38ybS.js", "/assets/header_navigation_link_data-D5SCoYbk.js", "/assets/index-BDbYRd1m.js", "/assets/conditional_render-Baau4aTO.js", "/assets/search_bar-BlBX_-9j.js", "/assets/r_button-Dr2d0Vtu.js", "/assets/index-CGtFcHa7.js", "/assets/index-BPRChopD.js", "/assets/index-pzCkr8bw.js", "/assets/index-elgLxFGg.js", "/assets/index-c5-MDynC.js", "/assets/floating-ui.react-dom-Ds1cgva3.js", "/assets/index-Cf_cafaq.js", "/assets/index-DOwQaW0Z.js", "/assets/book_image-Bt0BkMlj.js", "/assets/reload_root_input-CcmJK-pa.js", "/assets/rta-C4ChDddx.js", "/assets/shopping_cart_buttons-DZIp3Izm.js", "/assets/index-BdcNM6Cl.js", "/assets/money-B1tIULeG.js", "/assets/shopping_cart-IsbHkiTA.js", "/assets/use-event-source-C2zkYca2.js", "/assets/capitalize_first_letter-BJlAHdUW.js" ], "css": [] }, "routes/_store+/_readers+/_layout": { "id": "routes/_store+/_readers+/_layout", "parentId": "routes/_store+/_layout", "hasAction": false, "hasLoader": false, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/_layout-DiI2qho4.js", "imports": [ "/assets/with-props-CF6WZCCE.js", "/assets/jsx-runtime-CX4EfDy5.js", "/assets/chunk-HA7DTUK3-LT5MaWka.js", "/assets/subheader-D-WtFeeO.js", "/assets/header_navigation_link_data-D5SCoYbk.js", "/assets/errors-CsUXbUi5.js", "/assets/clsx-B-dksMZM.js", "/assets/index-ClUZx2Qo.js", "/assets/index-DL6STHbC.js", "/assets/index-DzGUYBzK.js", "/assets/useTranslation-D-xkYGqq.js", "/assets/context-BrEE0ceD.js", "/assets/conditional_render-Baau4aTO.js" ], "css": [] }, "routes/_store+/_readers+/$slug/route": { "id": "routes/_store+/_readers+/$slug/route", "parentId": "routes/_store+/_readers+/_layout", "path": ":slug", "hasAction": true, "hasLoader": true, "hasClientAction": false, "hasClientLoader": true, "hasErrorBoundary": true, "module": "/assets/route-Byzj31VO.js", "imports": [ "/assets/with-props-CF6WZCCE.js", "/assets/jsx-runtime-CX4EfDy5.js", "/assets/chunk-HA7DTUK3-LT5MaWka.js", "/assets/index-Bd0EPgyD.js", "/assets/cartable_form-qlD0A54f.js", "/assets/banner_write_publish-2mdq6_U9.js", "/assets/banner_guarantee_happiness-D8L-YN3n.js", "/assets/r_button-Dr2d0Vtu.js", "/assets/index-ClUZx2Qo.js", "/assets/errors-CsUXbUi5.js", "/assets/api.client-Kv5T7fQT.js", "/assets/index-DvXpja_o.js", "/assets/index.es-DQoJdtHt.js", "/assets/index-DL6STHbC.js", "/assets/user_image-pIGuJwJX.js", "/assets/book_about_author_podcast-CeeX--QG.js", "/assets/book_about_author_social-CbT5itE_.js", "/assets/book_image-Bt0BkMlj.js", "/assets/author_names_with_links-BAPlwhjL.js", "/assets/index-CqSkkANs.js", "/assets/index-BPRChopD.js", "/assets/clsx-B-dksMZM.js", "/assets/money-B1tIULeG.js", "/assets/index-CR7BwGOb.js", "/assets/index-DzGUYBzK.js", "/assets/shopping_cart-IsbHkiTA.js", "/assets/conditional_render-Baau4aTO.js", "/assets/author_names-CazCa-V3.js", "/assets/index-BDbYRd1m.js", "/assets/r_text_input-CaljRmdE.js", "/assets/index-8DQeiRVB.js", "/assets/r_hidden-6IDSsmr-.js", "/assets/rc_hidden-x-1zW2u-.js", "/assets/index-SabgI3-P.js", "/assets/reload_root_input-CcmJK-pa.js", "/assets/index-BDQiLml-.js", "/assets/useTranslation-D-xkYGqq.js", "/assets/publisher_banner-A7rbD2d4.js", "/assets/progress_bar-CSFSj_QL.js", "/assets/cartable_pricing-DFQvYNHT.js", "/assets/index-CGtFcHa7.js", "/assets/r_form-DsDuK1Iq.js", "/assets/testimonial-Dl2GrQ92.js", "/assets/bundle_image-Dus3qRZp.js", "/assets/use_analytics-cRQ2G0x1.js", "/assets/use-active-press-BFWMpeS0.js", "/assets/owner-DrJJV58I.js", "/assets/use-sync-refs-fHXlxtnc.js", "/assets/floating-B5wHSQFa.js", "/assets/index-CmRRJdGU.js", "/assets/floating-ui.react-dom-Ds1cgva3.js", "/assets/use-event-listener-T8D9BtIT.js", "/assets/portal-DWTFadqr.js", "/assets/focus-management-2xvLUKmG.js", "/assets/use-resolve-button-type-6jmtFiDG.js", "/assets/use-tab-direction-P3MBCnCJ.js", "/assets/close-provider-BcnEkhjh.js", "/assets/bugs-DpEN4NTH.js", "/assets/keyboard-C1Wiwm26.js", "/assets/rta-C4ChDddx.js", "/assets/r_h3-8_k1o5G3.js", "/assets/index-BdcNM6Cl.js", "/assets/index-pzCkr8bw.js", "/assets/index-elgLxFGg.js", "/assets/index-DJ4ehW2p.js", "/assets/index-DOwQaW0Z.js", "/assets/index-Cf_cafaq.js", "/assets/index-Dzp-l72z.js", "/assets/r_submit-Dcz1nWmT.js", "/assets/rc_form-BJP-462b.js", "/assets/r_error_alert-B-gIUwRj.js", "/assets/hooks-DCicE-gu.js", "/assets/_rollupPluginBabelHelpers-BAPqdPRJ.js", "/assets/submission-DKOyx_S4.js", "/assets/parse-CgW9XPGX.js", "/assets/_rollupPluginBabelHelpers-DsGIkDcD.js", "/assets/user-DFM38ybS.js", "/assets/context-BrEE0ceD.js", "/assets/index-c5-MDynC.js", "/assets/close-button-DhiZAXjS.js", "/assets/description-DSCYav43.js", "/assets/dialog-9XubcTRk.js", "/assets/use-inert-others-i0juSeEr.js", "/assets/use-is-mounted-5luEqlPQ.js", "/assets/active-element-history-CE_tDGGI.js", "/assets/index-BqO9BRUc.js", "/assets/proxy-CSwAsS63.js", "/assets/use-event-source-C2zkYca2.js", "/assets/index-cKcFlEr6.js", "/assets/label-CW1iqFIR.js", "/assets/field-DEjoc_Yk.js", "/assets/index-lttCAb8_.js", "/assets/use_date_formatter-2LKfC2_K.js", "/assets/index-Bv1KtxMi.js", "/assets/r_toaster-WsPqnMJn.js", "/assets/form-Dh86-Ax5.js", "/assets/graphql.types-DLLM4CAe.js" ], "css": [] }, "routes/_store+/_readers+/_index/route": { "id": "routes/_store+/_readers+/_index/route", "parentId": "routes/_store+/_readers+/_layout", "index": true, "hasAction": false, "hasLoader": true, "hasClientAction": false, "hasClientLoader": false, "hasErrorBoundary": true, "module": "/assets/route-BrPLS032.js", "imports": [ "/assets/with-props-CF6WZCCE.js", "/assets/jsx-runtime-CX4EfDy5.js", "/assets/index-tMBgAHQ5.js", "/assets/errors-CsUXbUi5.js", "/assets/product_bestseller_list-cceDm_nz.js", "/assets/chunk-HA7DTUK3-LT5MaWka.js", "/assets/r_button-Dr2d0Vtu.js", "/assets/index-DzGUYBzK.js", "/assets/clsx-B-dksMZM.js", "/assets/index-DL6STHbC.js", "/assets/index-ClUZx2Qo.js", "/assets/useTranslation-D-xkYGqq.js", "/assets/context-BrEE0ceD.js", "/assets/conditional_render-Baau4aTO.js", "/assets/testimonial-Dl2GrQ92.js", "/assets/user_image-pIGuJwJX.js", "/assets/index-CqSkkANs.js", "/assets/money-B1tIULeG.js", "/assets/index-BqO9BRUc.js", "/assets/proxy-CSwAsS63.js", "/assets/carousel-CITZXTC_.js", "/assets/index-DvXpja_o.js", "/assets/index.es-DQoJdtHt.js", "/assets/use-motion-value-Bs8TDEc2.js", "/assets/book_image-Bt0BkMlj.js", "/assets/author_names-CazCa-V3.js", "/assets/avatars_with_names-D3g5byrC.js", "/assets/bundle_image-Dus3qRZp.js", "/assets/course_image-BFoAxH6I.js", "/assets/use_date_formatter-2LKfC2_K.js", "/assets/index-Bv1KtxMi.js", "/assets/waveform-BYGEOiqT.js", "/assets/track_image-BC8BGmy0.js", "/assets/product_list-C-inR9tT.js" ], "css": [] } }, "url": "/assets/manifest-9e34a5e8.js", "version": "9e34a5e8" }; window.__reactRouterRouteModules = {"root":route0,"routes/_store+/_layout":route1,"routes/_store+/_readers+/_layout":route2,"routes/_store+/_readers+/$slug/route":route3}; import("/assets/entry.client-BJ7Da9ot.js");</script><script src="https://www.googletagmanager.com/gtag/js" defer="" async="" crossorigin="anonymous"></script></body></html><script>window.__reactRouterContext.streamController.enqueue("[{\"_1\":2,\"_260\":-5,\"_261\":-5},\"loaderData\",{\"_3\":4,\"_14\":15,\"_258\":-5,\"_259\":-5},\"root\",{\"_5\":-5,\"_6\":-5,\"_7\":-5,\"_8\":9,\"_10\":11},\"user\",\"shoppingCartId\",\"toast\",\"locale\",\"en\",\"constants\",{\"_12\":13},\"paypalClientId\",\"AenrHU49peF-ZUH-Yq7AXLLNZYGUGlml474U16NCjB4ZznmQCEjiliN3whyuVZmkb7VxEzmTALgtKEKE\",\"routes/_store+/_readers+/$slug/route\",{\"_16\":17,\"_254\":204,\"_255\":29,\"_256\":29,\"_257\":29},\"book\",{\"_18\":19,\"_20\":21,\"_22\":23,\"_24\":25,\"_26\":27,\"_28\":29,\"_30\":23,\"_31\":23,\"_32\":23,\"_33\":23,\"_34\":29,\"_35\":36,\"_37\":29,\"_38\":39,\"_40\":41,\"_42\":-5,\"_43\":44,\"_45\":-5,\"_46\":47,\"_48\":49,\"_50\":51,\"_52\":53,\"_55\":56,\"_58\":59,\"_60\":29,\"_61\":29,\"_62\":27,\"_63\":64,\"_65\":-5,\"_66\":67,\"_68\":29,\"_69\":27,\"_70\":-5,\"_71\":29,\"_72\":29,\"_73\":29,\"_74\":29,\"_75\":29,\"_76\":29,\"_77\":78,\"_79\":80,\"_81\":80,\"_82\":83,\"_84\":-5,\"_85\":86,\"_87\":88,\"_89\":27,\"_90\":29,\"_91\":-5,\"_92\":93,\"_94\":95,\"_96\":80,\"_97\":80,\"_98\":27,\"_99\":100,\"_101\":80,\"_102\":86,\"_103\":104,\"_105\":29,\"_106\":-5,\"_107\":-5,\"_108\":109,\"_110\":29,\"_111\":112,\"_113\":29,\"_114\":29,\"_115\":29,\"_116\":80,\"_117\":29,\"_118\":27,\"_119\":120,\"_121\":29,\"_122\":29,\"_123\":29,\"_124\":125,\"_126\":127,\"_128\":129,\"_130\":-5,\"_131\":-5,\"_132\":133,\"_134\":135,\"_136\":-5,\"_137\":138,\"_153\":29,\"_154\":-5,\"_155\":80,\"_156\":-5,\"_157\":158,\"_159\":160,\"_161\":80,\"_162\":163,\"_164\":165,\"_188\":-5,\"_189\":190,\"_191\":192,\"_199\":200,\"_201\":202,\"_203\":204,\"_219\":-5,\"_148\":220,\"_225\":226,\"_231\":-5,\"_232\":233,\"_235\":236,\"_248\":249,\"_250\":251,\"_252\":253},\"id\",\"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6Qm9va1Byb2R1Y3QvNTQ5MTY\",\"aboutText\",\"\u003cp\u003eEl libro está diseñado de forma didáctica y progresiva, empezando con una introducción a HTML y terminando con la integración de CSS y JavaScript. Cada día se centra en un aspecto diferente de HTML, con explicaciones claras y ejemplos prácticos. Además, al final de cada capítulo, encontrarás ejercicios para poner en práctica lo aprendido y afianzar tus habilidades.\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003eAlgunos de los temas que cubre este libro incluyen:\u003c/p\u003e\u003cul\u003e\u003cli\u003eDía 1: Fundamentos de HTML\u003c/li\u003e\u003cli\u003eDía 2: Enlaces e imágenes\u003c/li\u003e\u003cli\u003eDía 3: Estructura y secciones\u003c/li\u003e\u003cli\u003eDía 4: Tablas y formularios\u003c/li\u003e\u003cli\u003eDía 5: Multimedia e incrustación de contenido\u003c/li\u003e\u003cli\u003eDía 6: Accesibilidad y SEO\u003c/li\u003e\u003cli\u003eDía 7: Integración con CSS y JavaScript\u003c/li\u003e\u003c/ul\u003e\u003cp\u003e\\\"7 días de HTML\\\" es la guía perfecta para cualquier persona que quiera aprender a crear sitios web desde cero, mejorar sus habilidades de codificación o comprender mejor cómo funciona la web. Ya seas un estudiante, un profesional que busca cambiar de carrera o simplemente un entusiasta del aprendizaje, este libro te proporcionará las herramientas que necesitas para comenzar tu viaje en el desarrollo web.\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003e¡Comienza tu aventura de desarrollo web hoy!\u003c/p\u003e\",\"metaText\",\"\",\"teaserText\",\"\u003cp\u003e¡Da el primer paso hacia el mundo del desarrollo web con \\\"7 días de HTML\\\"! Esta guía fácil de seguir te llevará desde los conceptos básicos hasta el dominio de HTML, el lenguaje de marcado esencial en el desarrollo web, en solo una semana.\u003c/p\u003e\",\"allowFreePurchases\",true,\"showFullTitleForTranslations\",false,\"communityEditionTeaserText\",\"communityEditionAboutTheBook\",\"communityEditionWhatsIncluded\",\"communityEditionCalloutQuote\",\"courseMaterial\",\"languageCode\",\"es\",\"authorsAreEditors\",\"publishedTranslationBundleProducts\",[],\"ccLicenseText\",\"Creative Commons Attribution\",\"ccLicenseImage\",\"ccSlug\",\"by\",\"ccVersion\",\"contactAuthorMethod\",\"url\",\"contactAuthorUrl\",\"https://kikopalomares.com/\",\"copyrightType\",\"default\",\"coverHero\",{\"_47\":54},\"https://d1t8n212324a3f.cloudfront.net/7diasdehtml/s_hero?1683904634\u00261683904634\",\"coverHero2x\",{\"_47\":57},\"https://d1t8n212324a3f.cloudfront.net/7diasdehtml/s_hero2x?1683904634\u00261683904634\",\"createdAt\",\"2025-12-02T21:19:05Z\",\"embargo\",\"enabledForums\",\"epubAvailable\",\"epubPreviewUrl\",\"staging.remix.leanpub.com/s/6CA9F80423AA4DCF997D8A652FC60585.epub\",\"externalForumUrl\",\"feedbackDisplay\",\"feedback_page\",\"freePurchaseOnly\",\"freePurchaseRequiresMembership\",\"googleAnalyticsCode\",\"hasEpubSample\",\"hasWebSample\",\"hasPublicWebPage\",\"hasMultiplePackages\",\"hasPdfSample\",\"hasSample\",\"inputFormat\",\"markuaspec\",\"installmentsCompleted\",0,\"installmentsPlanned\",\"jsonToc\",\"null\",\"lastPublishedAt\",\"lastPublishedSyncMode\",\"leanpub\",\"landingPagePath\",\"/7diasdehtml\",\"leanpubAppAvailable\",\"matureContent\",\"newEdition\",\"pageCount\",51,\"pastEditions\",[],\"pastEditionsCount\",\"pastEditionsReaderCount\",\"pdfAvailable\",\"pdfPreviewUrl\",\"staging.remix.leanpub.com/s/6CA9F80423AA4DCF997D8A652FC60585.pdf\",\"percentComplete\",\"prePublishMailchimpListId\",\"previewGeneratedAt\",\"2023-05-12T15:35:00Z\",\"retired\",\"sampleEpubUrl\",\"sampleUrl\",\"seoTitle\",\"7 Días de HTML [Leanpub PDF/iPad/Kindle]\",\"showAlsoByAuthors\",\"otherBooksFromAuthors\",[],\"showCommunityEditionOnPage\",\"showNumReaders\",\"exceedsMinimumDisplayReaders\",\"totalCopiesSold\",\"showPageCount\",\"showReadLink\",\"showReadLinkString\",\"none\",\"showWhatAuthorGets\",\"showWhatCauseGets\",\"showWordCount\",\"slug\",\"7diasdehtml\",\"state\",\"published\",\"subtitle\",\"Aprende HTML en solo una semana\",\"suggestedHashtag\",\"suggestedTweet\",\"title\",\"7 Días de HTML\",\"toc\",\"\u003cul class='toc no-parts'\u003e\u003cli\u003e\u003cul\u003e\u003cli\u003eLa Colección 7dias.dev\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eCuarzo.dev\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eIntroducción\u003cul\u003e\u003cli\u003eBreve historia de HTML\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eImportancia de HTML en la web\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eObjetivos del libro\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDía 1: Fundamentos de HTML\u003cul\u003e\u003cli\u003e¿Qué es HTML?\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEstructura básica de un documento HTML\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEtiquetas y atributos\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eElementos de texto (encabezados, párrafos, listas, etc.)\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio: Crear una página sencilla\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDía 2: Enlaces e imágenes\u003cul\u003e\u003cli\u003eHipervínculos o enlaces\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEnlazando páginas internas y externas\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eImágenes y atributos\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEtiqueta de anclaje\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio: Crear una página con enlaces e imágenes\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDía 3: Estructura y secciones\u003cul\u003e\u003cli\u003eElementos semánticos\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEtiquetas de encabezado, pie de página y navegación\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eArtículos y secciones\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEtiquetas de dirección y detalles\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio: Crear una página web estructurada\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDía 4: Tablas y formularios\u003cul\u003e\u003cli\u003eTablas: estructura y etiquetas\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEstilos de tabla\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eIntroducción a los formularios\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eCampos de entrada y botones\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio: Crear una página con tablas y formularios\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDía 5: Multimedia e incrustación de contenido\u003cul\u003e\u003cli\u003eIncrustar audio y video\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEtiqueta de imagen responsiva: \u003ccode\u003e\u003cpicture\u003e\u003c/code\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eIncrustar contenido externo: \u003ccode\u003e\u003ciframe\u003e\u003c/code\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEtiquetas de tiempo y progreso\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio: Crear una página con contenido multimedia\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDía 6: Accesibilidad y SEO\u003cul\u003e\u003cli\u003eImportancia de la accesibilidad\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEstructura y etiquetas semánticas\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEtiquetas de encabezado y jerarquía\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEtiquetas \u003ccode\u003elabel\u003c/code\u003e y atributo \u003ccode\u003efor\u003c/code\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio: Mejorar la accesibilidad y el SEO de una página web\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDía 7: Integración con CSS y JavaScript\u003cul\u003e\u003cli\u003eIntroducción a CSS\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eVinculación de hojas de estilo CSS\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eIntroducción a JavaScript\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eAgregar interactividad con JavaScript\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio: Crear una página web interactiva y estilizada\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eConclusión\u003cul\u003e\u003cli\u003eResumen del aprendizaje en 7 días\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003ePasos siguientes para profundizar en el desarrollo web\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eRecursos adicionales para seguir aprendiendo\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eSoluciones de los ejercicios\u003cul\u003e\u003cli\u003eEjercicio día 1\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio día 2\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio día 3\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio día 4\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio día 5\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio día 6\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio día 7\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\",\"translatedFrom\",\"translations\",[139],{\"_140\":141,\"_143\":144,\"_124\":146,\"_132\":147,\"_148\":149},\"coverFeatured\",{\"_47\":142},\"https://d1t8n212324a3f.cloudfront.net/7daysofhtml/s_featured?1683988280\u00261683988280\",\"coverFeatured2x\",{\"_47\":145},\"https://d1t8n212324a3f.cloudfront.net/7daysofhtml/s_featured2x?1683988280\u00261683988280\",\"7daysofhtml\",\"7 Days of HTML\",\"language\",{\"_150\":9,\"_151\":152},\"code2\",\"code3\",\"eng\",\"unpublishedSample\",\"vimeoUrl\",\"wordCount\",\"youtubeUrl\",\"royaltiesToRevenueRatio\",0.8,\"ratioOfRevenueToAuthors\",1,\"ratioOfRevenueToCauses\",\"type\",\"StoreBookProduct\",\"authors\",[166],{\"_18\":167,\"_168\":169,\"_170\":27,\"_5\":171},\"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci81NzkxMw\",\"name\",\"Kiko Palomares\",\"isPrimary\",{\"_172\":173,\"_174\":173,\"_175\":176,\"_168\":169,\"_177\":178,\"_179\":173,\"_180\":173,\"_181\":182,\"_184\":185,\"_187\":-5},\"githubname\",\"kikopalomares\",\"instagramname\",\"linkedinname\",\"francisco-palomares-barrios\",\"profileBlurb\",\"\u003cp\u003eKiko Palomares estudió Multimedia en el Centro de la Imagen y Tecnología Multimedia, de la Universidad Politécnica de Cataluña. Más tarde hizo el \\\"Master Mobile Business \u0026amp; Apps Design\\\" de la UPC School.\u003c/p\u003e\u003cp\u003eEn 2014 comenzó a trabajar como desarrollador en una startup de Barcelona, pasando durante su carrera por diferentes roles técnicos: frontend, fullstack, Android developer, lead programmer, CTO.\u003c/p\u003e\u003cp\u003eEn 2018 decidió lanzarse a crear contenido en las redes sociales empezando por \u003ca href=\\\"https://www.youtube.com/kikopalomares/?sub_confirmation=1\\\" target=\\\"_blank\\\"\u003eYouTube\u003c/a\u003e donde enseña tecnologías y comparte experiencias.\u003c/p\u003e\u003cp\u003eTambién lo puedes encontrar en \u003ca href=\\\"https://instagram.com/kikopalomares\\\" target=\\\"_blank\\\"\u003eInstagram\u003c/a\u003e donde es todo un Rey de los memes de programación.\u003c/p\u003e\",\"twittername\",\"username\",\"avatarOriginal\",{\"_47\":183},\"https://d308did4coypzi.cloudfront.net/avatars/2655896/full/2023-04-09_avatar.jpg?1683983988\",\"avatarTiny\",{\"_47\":186},\"https://d308did4coypzi.cloudfront.net/avatars/2655896/tiny/2023-04-09_avatar.jpg?1683983988\",\"latestPodcastEpisode\",\"bigTestimonial\",\"bundles\",[],\"categories\",[193,196],{\"_168\":194,\"_124\":195},\"HTML\",\"html\",{\"_168\":197,\"_124\":198},\"Web Development\",\"web_development\",\"causes\",[],\"contributors\",[],\"defaultVariant\",{\"_162\":205,\"_18\":206,\"_207\":208,\"_26\":27,\"_209\":-5,\"_68\":29,\"_69\":27,\"_210\":211,\"_212\":213,\"_168\":214,\"_159\":160,\"_161\":80,\"_157\":158,\"_121\":27,\"_122\":29,\"_215\":216,\"_132\":133,\"_217\":80,\"_218\":27},\"StoreProductVariant\",\"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdFZhcmlhbnQvNTYwNzQ\",\"variantId\",56074,\"description\",\"maximumPrice\",20,\"minimumPaidPrice\",7.99,\"The Book\",\"suggestedPrice\",9.99,\"numCredits\",\"taxedAsEbook\",\"featuredTestimonial\",{\"_168\":221,\"_150\":36,\"_151\":222,\"_223\":224},\"Spanish\",\"spa\",\"direction\",\"ltr\",\"variants\",[227],{\"_162\":205,\"_18\":206,\"_207\":208,\"_26\":27,\"_209\":-5,\"_68\":29,\"_69\":27,\"_210\":211,\"_212\":213,\"_168\":214,\"_159\":160,\"_161\":80,\"_157\":158,\"_121\":27,\"_122\":29,\"_215\":216,\"_124\":16,\"_126\":127,\"_132\":133,\"_228\":160,\"_217\":80,\"_218\":27,\"_229\":230},\"quantity\",\"assets\",[],\"pastEdition\",\"primaryAuthor\",{\"_18\":167,\"_168\":169,\"_5\":234},{\"_180\":173},\"publisher\",{\"_237\":29,\"_238\":239,\"_168\":240,\"_124\":86,\"_241\":29,\"_242\":243,\"_245\":246},\"coverUploaded\",\"defaultLandingPageBlurb\",\"\u003cp\u003eLeanpub empowers authors to self-publish in-progress ebooks.\u003c/p\u003e\",\"Leanpub\",\"university\",\"cover\",{\"_47\":244},\"missing_avatar.jpg\",\"logo\",{\"_47\":247},\"https://s3.amazonaws.com/publisherlogos.staging.leanpub.com/logos/1/original/leanpub_logo.png?1501739906\u00261501739906\",\"teamDiscountVariants\",[],\"teamDiscountVariant\",{\"_18\":206,\"_207\":208,\"_168\":214,\"_26\":27,\"_68\":29,\"_69\":27,\"_212\":213,\"_215\":216,\"_217\":80,\"_218\":27},\"testimonials\",[],\"currentSelectedPackage\",\"isOwner\",\"isAbleToEdit\",\"isBookOnWishlist\",\"routes/_store+/_layout\",\"routes/_store+/_readers+/_layout\",\"actionData\",\"errors\"]\n");</script><template id="B:1"></template><div style="display:none" id="S:0"><script>window.__reactRouterContext.streamController.enqueue("[{\"_1\":2,\"_260\":-5,\"_261\":-5},\"loaderData\",{\"_3\":4,\"_14\":15,\"_258\":-5,\"_259\":-5},\"root\",{\"_5\":-5,\"_6\":-5,\"_7\":-5,\"_8\":9,\"_10\":11},\"user\",\"shoppingCartId\",\"toast\",\"locale\",\"en\",\"constants\",{\"_12\":13},\"paypalClientId\",\"AenrHU49peF-ZUH-Yq7AXLLNZYGUGlml474U16NCjB4ZznmQCEjiliN3whyuVZmkb7VxEzmTALgtKEKE\",\"routes/_store+/_readers+/$slug/route\",{\"_16\":17,\"_254\":204,\"_255\":29,\"_256\":29,\"_257\":29},\"book\",{\"_18\":19,\"_20\":21,\"_22\":23,\"_24\":25,\"_26\":27,\"_28\":29,\"_30\":23,\"_31\":23,\"_32\":23,\"_33\":23,\"_34\":29,\"_35\":36,\"_37\":29,\"_38\":39,\"_40\":41,\"_42\":-5,\"_43\":44,\"_45\":-5,\"_46\":47,\"_48\":49,\"_50\":51,\"_52\":53,\"_55\":56,\"_58\":59,\"_60\":29,\"_61\":29,\"_62\":27,\"_63\":64,\"_65\":-5,\"_66\":67,\"_68\":29,\"_69\":27,\"_70\":-5,\"_71\":29,\"_72\":29,\"_73\":29,\"_74\":29,\"_75\":29,\"_76\":29,\"_77\":78,\"_79\":80,\"_81\":80,\"_82\":83,\"_84\":-5,\"_85\":86,\"_87\":88,\"_89\":27,\"_90\":29,\"_91\":-5,\"_92\":93,\"_94\":95,\"_96\":80,\"_97\":80,\"_98\":27,\"_99\":100,\"_101\":80,\"_102\":86,\"_103\":104,\"_105\":29,\"_106\":-5,\"_107\":-5,\"_108\":109,\"_110\":29,\"_111\":112,\"_113\":29,\"_114\":29,\"_115\":29,\"_116\":80,\"_117\":29,\"_118\":27,\"_119\":120,\"_121\":29,\"_122\":29,\"_123\":29,\"_124\":125,\"_126\":127,\"_128\":129,\"_130\":-5,\"_131\":-5,\"_132\":133,\"_134\":135,\"_136\":-5,\"_137\":138,\"_153\":29,\"_154\":-5,\"_155\":80,\"_156\":-5,\"_157\":158,\"_159\":160,\"_161\":80,\"_162\":163,\"_164\":165,\"_188\":-5,\"_189\":190,\"_191\":192,\"_199\":200,\"_201\":202,\"_203\":204,\"_219\":-5,\"_148\":220,\"_225\":226,\"_231\":-5,\"_232\":233,\"_235\":236,\"_248\":249,\"_250\":251,\"_252\":253},\"id\",\"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6Qm9va1Byb2R1Y3QvNTQ5MTY\",\"aboutText\",\"\u003cp\u003eEl libro está diseñado de forma didáctica y progresiva, empezando con una introducción a HTML y terminando con la integración de CSS y JavaScript. Cada día se centra en un aspecto diferente de HTML, con explicaciones claras y ejemplos prácticos. Además, al final de cada capítulo, encontrarás ejercicios para poner en práctica lo aprendido y afianzar tus habilidades.\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003eAlgunos de los temas que cubre este libro incluyen:\u003c/p\u003e\u003cul\u003e\u003cli\u003eDía 1: Fundamentos de HTML\u003c/li\u003e\u003cli\u003eDía 2: Enlaces e imágenes\u003c/li\u003e\u003cli\u003eDía 3: Estructura y secciones\u003c/li\u003e\u003cli\u003eDía 4: Tablas y formularios\u003c/li\u003e\u003cli\u003eDía 5: Multimedia e incrustación de contenido\u003c/li\u003e\u003cli\u003eDía 6: Accesibilidad y SEO\u003c/li\u003e\u003cli\u003eDía 7: Integración con CSS y JavaScript\u003c/li\u003e\u003c/ul\u003e\u003cp\u003e\\\"7 días de HTML\\\" es la guía perfecta para cualquier persona que quiera aprender a crear sitios web desde cero, mejorar sus habilidades de codificación o comprender mejor cómo funciona la web. Ya seas un estudiante, un profesional que busca cambiar de carrera o simplemente un entusiasta del aprendizaje, este libro te proporcionará las herramientas que necesitas para comenzar tu viaje en el desarrollo web.\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003e¡Comienza tu aventura de desarrollo web hoy!\u003c/p\u003e\",\"metaText\",\"\",\"teaserText\",\"\u003cp\u003e¡Da el primer paso hacia el mundo del desarrollo web con \\\"7 días de HTML\\\"! Esta guía fácil de seguir te llevará desde los conceptos básicos hasta el dominio de HTML, el lenguaje de marcado esencial en el desarrollo web, en solo una semana.\u003c/p\u003e\",\"allowFreePurchases\",true,\"showFullTitleForTranslations\",false,\"communityEditionTeaserText\",\"communityEditionAboutTheBook\",\"communityEditionWhatsIncluded\",\"communityEditionCalloutQuote\",\"courseMaterial\",\"languageCode\",\"es\",\"authorsAreEditors\",\"publishedTranslationBundleProducts\",[],\"ccLicenseText\",\"Creative Commons Attribution\",\"ccLicenseImage\",\"ccSlug\",\"by\",\"ccVersion\",\"contactAuthorMethod\",\"url\",\"contactAuthorUrl\",\"https://kikopalomares.com/\",\"copyrightType\",\"default\",\"coverHero\",{\"_47\":54},\"https://d1t8n212324a3f.cloudfront.net/7diasdehtml/s_hero?1683904634\u00261683904634\",\"coverHero2x\",{\"_47\":57},\"https://d1t8n212324a3f.cloudfront.net/7diasdehtml/s_hero2x?1683904634\u00261683904634\",\"createdAt\",\"2025-12-02T21:19:05Z\",\"embargo\",\"enabledForums\",\"epubAvailable\",\"epubPreviewUrl\",\"staging.remix.leanpub.com/s/6CA9F80423AA4DCF997D8A652FC60585.epub\",\"externalForumUrl\",\"feedbackDisplay\",\"feedback_page\",\"freePurchaseOnly\",\"freePurchaseRequiresMembership\",\"googleAnalyticsCode\",\"hasEpubSample\",\"hasWebSample\",\"hasPublicWebPage\",\"hasMultiplePackages\",\"hasPdfSample\",\"hasSample\",\"inputFormat\",\"markuaspec\",\"installmentsCompleted\",0,\"installmentsPlanned\",\"jsonToc\",\"null\",\"lastPublishedAt\",\"lastPublishedSyncMode\",\"leanpub\",\"landingPagePath\",\"/7diasdehtml\",\"leanpubAppAvailable\",\"matureContent\",\"newEdition\",\"pageCount\",51,\"pastEditions\",[],\"pastEditionsCount\",\"pastEditionsReaderCount\",\"pdfAvailable\",\"pdfPreviewUrl\",\"staging.remix.leanpub.com/s/6CA9F80423AA4DCF997D8A652FC60585.pdf\",\"percentComplete\",\"prePublishMailchimpListId\",\"previewGeneratedAt\",\"2023-05-12T15:35:00Z\",\"retired\",\"sampleEpubUrl\",\"sampleUrl\",\"seoTitle\",\"7 Días de HTML [Leanpub PDF/iPad/Kindle]\",\"showAlsoByAuthors\",\"otherBooksFromAuthors\",[],\"showCommunityEditionOnPage\",\"showNumReaders\",\"exceedsMinimumDisplayReaders\",\"totalCopiesSold\",\"showPageCount\",\"showReadLink\",\"showReadLinkString\",\"none\",\"showWhatAuthorGets\",\"showWhatCauseGets\",\"showWordCount\",\"slug\",\"7diasdehtml\",\"state\",\"published\",\"subtitle\",\"Aprende HTML en solo una semana\",\"suggestedHashtag\",\"suggestedTweet\",\"title\",\"7 Días de HTML\",\"toc\",\"\u003cul class='toc no-parts'\u003e\u003cli\u003e\u003cul\u003e\u003cli\u003eLa Colección 7dias.dev\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eCuarzo.dev\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eIntroducción\u003cul\u003e\u003cli\u003eBreve historia de HTML\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eImportancia de HTML en la web\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eObjetivos del libro\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDía 1: Fundamentos de HTML\u003cul\u003e\u003cli\u003e¿Qué es HTML?\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEstructura básica de un documento HTML\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEtiquetas y atributos\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eElementos de texto (encabezados, párrafos, listas, etc.)\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio: Crear una página sencilla\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDía 2: Enlaces e imágenes\u003cul\u003e\u003cli\u003eHipervínculos o enlaces\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEnlazando páginas internas y externas\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eImágenes y atributos\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEtiqueta de anclaje\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio: Crear una página con enlaces e imágenes\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDía 3: Estructura y secciones\u003cul\u003e\u003cli\u003eElementos semánticos\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEtiquetas de encabezado, pie de página y navegación\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eArtículos y secciones\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEtiquetas de dirección y detalles\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio: Crear una página web estructurada\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDía 4: Tablas y formularios\u003cul\u003e\u003cli\u003eTablas: estructura y etiquetas\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEstilos de tabla\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eIntroducción a los formularios\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eCampos de entrada y botones\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio: Crear una página con tablas y formularios\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDía 5: Multimedia e incrustación de contenido\u003cul\u003e\u003cli\u003eIncrustar audio y video\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEtiqueta de imagen responsiva: \u003ccode\u003e\u003cpicture\u003e\u003c/code\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eIncrustar contenido externo: \u003ccode\u003e\u003ciframe\u003e\u003c/code\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEtiquetas de tiempo y progreso\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio: Crear una página con contenido multimedia\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDía 6: Accesibilidad y SEO\u003cul\u003e\u003cli\u003eImportancia de la accesibilidad\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEstructura y etiquetas semánticas\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEtiquetas de encabezado y jerarquía\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEtiquetas \u003ccode\u003elabel\u003c/code\u003e y atributo \u003ccode\u003efor\u003c/code\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio: Mejorar la accesibilidad y el SEO de una página web\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDía 7: Integración con CSS y JavaScript\u003cul\u003e\u003cli\u003eIntroducción a CSS\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eVinculación de hojas de estilo CSS\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eIntroducción a JavaScript\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eAgregar interactividad con JavaScript\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio: Crear una página web interactiva y estilizada\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eConclusión\u003cul\u003e\u003cli\u003eResumen del aprendizaje en 7 días\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003ePasos siguientes para profundizar en el desarrollo web\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eRecursos adicionales para seguir aprendiendo\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eSoluciones de los ejercicios\u003cul\u003e\u003cli\u003eEjercicio día 1\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio día 2\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio día 3\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio día 4\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio día 5\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio día 6\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEjercicio día 7\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\",\"translatedFrom\",\"translations\",[139],{\"_140\":141,\"_143\":144,\"_124\":146,\"_132\":147,\"_148\":149},\"coverFeatured\",{\"_47\":142},\"https://d1t8n212324a3f.cloudfront.net/7daysofhtml/s_featured?1683988280\u00261683988280\",\"coverFeatured2x\",{\"_47\":145},\"https://d1t8n212324a3f.cloudfront.net/7daysofhtml/s_featured2x?1683988280\u00261683988280\",\"7daysofhtml\",\"7 Days of HTML\",\"language\",{\"_150\":9,\"_151\":152},\"code2\",\"code3\",\"eng\",\"unpublishedSample\",\"vimeoUrl\",\"wordCount\",\"youtubeUrl\",\"royaltiesToRevenueRatio\",0.8,\"ratioOfRevenueToAuthors\",1,\"ratioOfRevenueToCauses\",\"type\",\"StoreBookProduct\",\"authors\",[166],{\"_18\":167,\"_168\":169,\"_170\":27,\"_5\":171},\"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci81NzkxMw\",\"name\",\"Kiko Palomares\",\"isPrimary\",{\"_172\":173,\"_174\":173,\"_175\":176,\"_168\":169,\"_177\":178,\"_179\":173,\"_180\":173,\"_181\":182,\"_184\":185,\"_187\":-5},\"githubname\",\"kikopalomares\",\"instagramname\",\"linkedinname\",\"francisco-palomares-barrios\",\"profileBlurb\",\"\u003cp\u003eKiko Palomares estudió Multimedia en el Centro de la Imagen y Tecnología Multimedia, de la Universidad Politécnica de Cataluña. Más tarde hizo el \\\"Master Mobile Business \u0026amp; Apps Design\\\" de la UPC School.\u003c/p\u003e\u003cp\u003eEn 2014 comenzó a trabajar como desarrollador en una startup de Barcelona, pasando durante su carrera por diferentes roles técnicos: frontend, fullstack, Android developer, lead programmer, CTO.\u003c/p\u003e\u003cp\u003eEn 2018 decidió lanzarse a crear contenido en las redes sociales empezando por \u003ca href=\\\"https://www.youtube.com/kikopalomares/?sub_confirmation=1\\\" target=\\\"_blank\\\"\u003eYouTube\u003c/a\u003e donde enseña tecnologías y comparte experiencias.\u003c/p\u003e\u003cp\u003eTambién lo puedes encontrar en \u003ca href=\\\"https://instagram.com/kikopalomares\\\" target=\\\"_blank\\\"\u003eInstagram\u003c/a\u003e donde es todo un Rey de los memes de programación.\u003c/p\u003e\",\"twittername\",\"username\",\"avatarOriginal\",{\"_47\":183},\"https://d308did4coypzi.cloudfront.net/avatars/2655896/full/2023-04-09_avatar.jpg?1683983988\",\"avatarTiny\",{\"_47\":186},\"https://d308did4coypzi.cloudfront.net/avatars/2655896/tiny/2023-04-09_avatar.jpg?1683983988\",\"latestPodcastEpisode\",\"bigTestimonial\",\"bundles\",[],\"categories\",[193,196],{\"_168\":194,\"_124\":195},\"HTML\",\"html\",{\"_168\":197,\"_124\":198},\"Web Development\",\"web_development\",\"causes\",[],\"contributors\",[],\"defaultVariant\",{\"_162\":205,\"_18\":206,\"_207\":208,\"_26\":27,\"_209\":-5,\"_68\":29,\"_69\":27,\"_210\":211,\"_212\":213,\"_168\":214,\"_159\":160,\"_161\":80,\"_157\":158,\"_121\":27,\"_122\":29,\"_215\":216,\"_132\":133,\"_217\":80,\"_218\":27},\"StoreProductVariant\",\"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdFZhcmlhbnQvNTYwNzQ\",\"variantId\",56074,\"description\",\"maximumPrice\",20,\"minimumPaidPrice\",7.99,\"The Book\",\"suggestedPrice\",9.99,\"numCredits\",\"taxedAsEbook\",\"featuredTestimonial\",{\"_168\":221,\"_150\":36,\"_151\":222,\"_223\":224},\"Spanish\",\"spa\",\"direction\",\"ltr\",\"variants\",[227],{\"_162\":205,\"_18\":206,\"_207\":208,\"_26\":27,\"_209\":-5,\"_68\":29,\"_69\":27,\"_210\":211,\"_212\":213,\"_168\":214,\"_159\":160,\"_161\":80,\"_157\":158,\"_121\":27,\"_122\":29,\"_215\":216,\"_124\":16,\"_126\":127,\"_132\":133,\"_228\":160,\"_217\":80,\"_218\":27,\"_229\":230},\"quantity\",\"assets\",[],\"pastEdition\",\"primaryAuthor\",{\"_18\":167,\"_168\":169,\"_5\":234},{\"_180\":173},\"publisher\",{\"_237\":29,\"_238\":239,\"_168\":240,\"_124\":86,\"_241\":29,\"_242\":243,\"_245\":246},\"coverUploaded\",\"defaultLandingPageBlurb\",\"\u003cp\u003eLeanpub empowers authors to self-publish in-progress ebooks.\u003c/p\u003e\",\"Leanpub\",\"university\",\"cover\",{\"_47\":244},\"missing_avatar.jpg\",\"logo\",{\"_47\":247},\"https://s3.amazonaws.com/publisherlogos.staging.leanpub.com/logos/1/original/leanpub_logo.png?1501739906\u00261501739906\",\"teamDiscountVariants\",[],\"teamDiscountVariant\",{\"_18\":206,\"_207\":208,\"_168\":214,\"_26\":27,\"_68\":29,\"_69\":27,\"_212\":213,\"_215\":216,\"_217\":80,\"_218\":27},\"testimonials\",[],\"currentSelectedPackage\",\"isOwner\",\"isAbleToEdit\",\"isBookOnWishlist\",\"routes/_store+/_layout\",\"routes/_store+/_readers+/_layout\",\"actionData\",\"errors\"]\n");</script><script>window.__reactRouterContext.streamController.close();</script></div><script>function $RC(a,b){a=document.getElementById(a);b=document.getElementById(b);b.parentNode.removeChild(b);if(a){a=a.previousSibling;var f=a.parentNode,c=a.nextSibling,e=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d)if(0===e)break;else e--;else"$"!==d&&"$?"!==d&&"$!"!==d||e++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;b.firstChild;)f.insertBefore(b.firstChild,c);a.data="$";a._reactRetry&&a._reactRetry()}};$RC("B:0","S:0")</script><div style="display:none" id="S:1"><script>window.__reactRouterContext.streamController.close();</script></div><script>$RC("B:1","S:1")</script>

7 Días de HTML

You pay

Author earns

...Or Buy With Credits!

About

Share this book

Categories

Feedback

Author

Translations

Languages

Contents