7 Days of HTML [Leanpub PDF/iPad/Kindle]

- The 7dias.dev Collection
- Introduction
  - Brief History of HTML
  - Importance of HTML in the Web
  - Objectives of the Book
- Day 1: HTML Fundamentals
  - What is HTML?
  - Basic Structure of an HTML Document
  - Tags and Attributes
  - Text Elements (Headings, Paragraphs, Lists, etc.)
  - Exercise: Create a Simple Page
- Day 2: Links and Images
  - Hyperlinks or Links
  - Linking Internal and External Pages
  - Images and Attributes
  - Anchor Tag
  - Exercise: Create a Page with Links and Images
- Day 3: Structure and Sections
  - Semantic Elements
  - Header, Footer, and Navigation Tags
  - Articles and Sections
  - Address and Details Tags
  - Exercise: Create a Structured Web Page
- Day 4: Tables and Forms
  - Tables: Structure and Tags
  - Table Styles
  - Introduction to Forms
  - Input Fields and Buttons
  - Exercise: Create a Page with Tables and Forms
- Day 5: Multimedia and Embedding Content
  - Embedding Audio and Video
  - Responsive Image Tag:
  - Embedding External Content: </code></li></ul><ul><li>Time and Progress Tags</li></ul><ul><li>Exercise: Create a Page with Multimedia Content</li></ul></li></ul><ul><li>Day 6: Accessibility and SEO<ul><li>Importance of Accessibility</li></ul><ul><li>Structure and Semantic Tags</li></ul><ul><li>Header Tags and Hierarchy</li></ul><ul><li><code>label</code> Tags and <code>for</code> Attribute</li></ul><ul><li>Exercise: Improve a Webpage’s Accessibility and SEO</li></ul></li></ul><ul><li>Day 7: Integration with CSS and JavaScript<ul><li>Introduction to CSS</li></ul><ul><li>Linking CSS Stylesheets</li></ul><ul><li>Introduction to JavaScript</li></ul><ul><li>Adding Interactivity with JavaScript</li></ul><ul><li>Exercise: Create an Interactive and Styled Web Page</li></ul></li></ul><ul><li>Conclusion<ul><li>7-Day Learning Summary</li></ul><ul><li>Next Steps to Deepen Web Development</li></ul><ul><li>Additional Resources for Continued Learning</li></ul></li></ul><ul><li>Exercise Solutions<ul><li>Day 1 Exercise</li></ul><ul><li>Day 2 Exercise</li></ul><ul><li>Day 3 Exercise</li></ul><ul><li>Day 4 Exercise</li></ul><ul><li>Day 5 Exercise</li></ul><ul><li>Day 6 Exercise</li></ul><ul><li>Day 7 Exercise</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,\"_259\":-5,\"_260\":-5},\"loaderData\",{\"_3\":4,\"_14\":15,\"_257\":-5,\"_258\":-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,\"_253\":189,\"_254\":29,\"_255\":29,\"_256\":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\":9,\"_36\":29,\"_37\":38,\"_39\":40,\"_41\":-5,\"_42\":43,\"_44\":-5,\"_45\":46,\"_47\":-5,\"_48\":49,\"_50\":51,\"_54\":55,\"_57\":58,\"_59\":29,\"_60\":29,\"_61\":27,\"_62\":63,\"_64\":-5,\"_65\":66,\"_67\":29,\"_68\":27,\"_69\":-5,\"_70\":29,\"_71\":29,\"_72\":29,\"_73\":29,\"_74\":29,\"_75\":29,\"_76\":77,\"_78\":79,\"_80\":79,\"_81\":82,\"_83\":-5,\"_84\":85,\"_86\":87,\"_88\":27,\"_89\":29,\"_90\":-5,\"_91\":92,\"_93\":94,\"_95\":79,\"_96\":79,\"_97\":27,\"_98\":99,\"_100\":79,\"_101\":85,\"_102\":103,\"_104\":29,\"_105\":-5,\"_106\":-5,\"_107\":108,\"_109\":29,\"_110\":111,\"_112\":29,\"_113\":29,\"_114\":29,\"_115\":116,\"_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\":137,\"_138\":29,\"_139\":-5,\"_140\":79,\"_141\":-5,\"_142\":143,\"_144\":145,\"_146\":79,\"_147\":148,\"_149\":150,\"_173\":-5,\"_174\":175,\"_176\":177,\"_184\":185,\"_186\":187,\"_188\":189,\"_204\":-5,\"_205\":206,\"_213\":214,\"_219\":-5,\"_220\":221,\"_223\":224,\"_236\":237,\"_238\":239,\"_240\":241,\"_242\":243},\"id\",\"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6Qm9va1Byb2R1Y3QvNTUwMzA\",\"aboutText\",\"\u003cp\u003eThe book is designed in a didactic and progressive way, starting with an introduction to HTML and ending with the integration of CSS and JavaScript. Each day focuses on a different aspect of HTML, with clear explanations and practical examples. Plus, at the end of each chapter, you'll find exercises to put into practice what you've learned and solidify your skills.\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003eSome of the topics this book covers include:\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cul\u003e\u003cli\u003eDay 1: HTML Fundamentals\u003c/li\u003e\u003cli\u003eDay 2: Links and Images\u003c/li\u003e\u003cli\u003eDay 3: Structure and Sections\u003c/li\u003e\u003cli\u003eDay 4: Tables and Forms\u003c/li\u003e\u003cli\u003eDay 5: Multimedia and Embedding Content\u003c/li\u003e\u003cli\u003eDay 6: Accessibility and SEO\u003c/li\u003e\u003cli\u003eDay 7: Integration with CSS and JavaScript\u003c/li\u003e\u003c/ul\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003e'7 Days of HTML' is the perfect guide for anyone who wants to learn how to create websites from scratch, improve their coding skills, or better understand how the web works. Whether you're a student, a professional looking to change careers, or just a learning enthusiast, this book will provide you with the tools you need to start your journey in web development.\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003eStart your web development adventure today!\u003c/p\u003e\",\"metaText\",\"\",\"teaserText\",\"\u003cp\u003eTake the first step into the world of web development with '7 Days of HTML'! This easy-to-follow guide will take you from the basics to mastering HTML, the essential markup language in web development, in just one week.\u003c/p\u003e\",\"allowFreePurchases\",true,\"showFullTitleForTranslations\",false,\"communityEditionTeaserText\",\"communityEditionAboutTheBook\",\"communityEditionWhatsIncluded\",\"communityEditionCalloutQuote\",\"courseMaterial\",\"languageCode\",\"authorsAreEditors\",\"publishedTranslationBundleProducts\",[],\"ccLicenseText\",\"Creative Commons Attribution\",\"ccLicenseImage\",\"ccSlug\",\"by\",\"ccVersion\",\"contactAuthorMethod\",\"email\",\"contactAuthorUrl\",\"copyrightType\",\"default\",\"coverHero\",{\"_52\":53},\"url\",\"https://d1t8n212324a3f.cloudfront.net/7daysofhtml/s_hero?1683988280\u00261683988280\",\"coverHero2x\",{\"_52\":56},\"https://d1t8n212324a3f.cloudfront.net/7daysofhtml/s_hero2x?1683988280\u00261683988280\",\"createdAt\",\"2025-12-02T21:19:12Z\",\"embargo\",\"enabledForums\",\"epubAvailable\",\"epubPreviewUrl\",\"staging.remix.leanpub.com/s/0697A272D8414EACA730253EC42C53A2.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\",\"/7daysofhtml\",\"leanpubAppAvailable\",\"matureContent\",\"newEdition\",\"pageCount\",48,\"pastEditions\",[],\"pastEditionsCount\",\"pastEditionsReaderCount\",\"pdfAvailable\",\"pdfPreviewUrl\",\"staging.remix.leanpub.com/s/0697A272D8414EACA730253EC42C53A2.pdf\",\"percentComplete\",\"prePublishMailchimpListId\",\"previewGeneratedAt\",\"2023-05-14T09:22:16Z\",\"retired\",\"sampleEpubUrl\",\"sampleUrl\",\"seoTitle\",\"7 Days of HTML [Leanpub PDF/iPad/Kindle]\",\"showAlsoByAuthors\",\"otherBooksFromAuthors\",[],\"showCommunityEditionOnPage\",\"showNumReaders\",\"exceedsMinimumDisplayReaders\",\"totalCopiesSold\",2,\"showPageCount\",\"showReadLink\",\"showReadLinkString\",\"none\",\"showWhatAuthorGets\",\"showWhatCauseGets\",\"showWordCount\",\"slug\",\"7daysofhtml\",\"state\",\"published\",\"subtitle\",\"Learn HTML in just one week\",\"suggestedHashtag\",\"suggestedTweet\",\"title\",\"7 Days of HTML\",\"toc\",\"\u003cul class='toc no-parts'\u003e\u003cli\u003e\u003cul\u003e\u003cli\u003eThe 7dias.dev Collection\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eIntroduction\u003cul\u003e\u003cli\u003eBrief History of HTML\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eImportance of HTML in the Web\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eObjectives of the Book\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 1: HTML Fundamentals\u003cul\u003e\u003cli\u003eWhat is HTML?\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eBasic Structure of an HTML Document\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eTags and Attributes\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eText Elements (Headings, Paragraphs, Lists, etc.)\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eExercise: Create a Simple Page\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 2: Links and Images\u003cul\u003e\u003cli\u003eHyperlinks or Links\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eLinking Internal and External Pages\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eImages and Attributes\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eAnchor Tag\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eExercise: Create a Page with Links and Images\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 3: Structure and Sections\u003cul\u003e\u003cli\u003eSemantic Elements\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eHeader, Footer, and Navigation Tags\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eArticles and Sections\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eAddress and Details Tags\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eExercise: Create a Structured Web Page\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 4: Tables and Forms\u003cul\u003e\u003cli\u003eTables: Structure and Tags\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eTable Styles\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eIntroduction to Forms\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eInput Fields and Buttons\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eExercise: Create a Page with Tables and Forms\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 5: Multimedia and Embedding Content\u003cul\u003e\u003cli\u003eEmbedding Audio and Video\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eResponsive Image Tag: \u003ccode\u003e\u003cpicture\u003e\u003c/code\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEmbedding External Content: \u003ccode\u003e\u003ciframe\u003e\u003c/code\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eTime and Progress Tags\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eExercise: Create a Page with Multimedia Content\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 6: Accessibility and SEO\u003cul\u003e\u003cli\u003eImportance of Accessibility\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eStructure and Semantic Tags\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eHeader Tags and Hierarchy\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003e\u003ccode\u003elabel\u003c/code\u003e Tags and \u003ccode\u003efor\u003c/code\u003e Attribute\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eExercise: Improve a Webpage’s Accessibility and SEO\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 7: Integration with CSS and JavaScript\u003cul\u003e\u003cli\u003eIntroduction to CSS\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eLinking CSS Stylesheets\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eIntroduction to JavaScript\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eAdding Interactivity with JavaScript\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eExercise: Create an Interactive and Styled Web Page\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eConclusion\u003cul\u003e\u003cli\u003e7-Day Learning Summary\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eNext Steps to Deepen Web Development\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eAdditional Resources for Continued Learning\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eExercise Solutions\u003cul\u003e\u003cli\u003eDay 1 Exercise\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 2 Exercise\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 3 Exercise\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 4 Exercise\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 5 Exercise\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 6 Exercise\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 7 Exercise\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\",\"translations\",[],\"unpublishedSample\",\"vimeoUrl\",\"wordCount\",\"youtubeUrl\",\"royaltiesToRevenueRatio\",0.8,\"ratioOfRevenueToAuthors\",1,\"ratioOfRevenueToCauses\",\"type\",\"StoreBookProduct\",\"authors\",[151],{\"_18\":152,\"_153\":154,\"_155\":27,\"_5\":156},\"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci81ODAzMQ\",\"name\",\"Kiko Palomares\",\"isPrimary\",{\"_157\":158,\"_159\":158,\"_160\":161,\"_153\":154,\"_162\":163,\"_164\":158,\"_165\":158,\"_166\":167,\"_169\":170,\"_172\":-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\",{\"_52\":168},\"https://d308did4coypzi.cloudfront.net/avatars/2655896/full/2023-04-09_avatar.jpg?1683983988\",\"avatarTiny\",{\"_52\":171},\"https://d308did4coypzi.cloudfront.net/avatars/2655896/tiny/2023-04-09_avatar.jpg?1683983988\",\"latestPodcastEpisode\",\"bigTestimonial\",\"bundles\",[],\"categories\",[178,181],{\"_153\":179,\"_124\":180},\"HTML\",\"html\",{\"_153\":182,\"_124\":183},\"Web Development\",\"web_development\",\"causes\",[],\"contributors\",[],\"defaultVariant\",{\"_147\":190,\"_18\":191,\"_192\":193,\"_26\":27,\"_194\":-5,\"_67\":29,\"_68\":27,\"_195\":196,\"_197\":198,\"_153\":199,\"_144\":145,\"_146\":79,\"_142\":143,\"_121\":27,\"_122\":29,\"_200\":201,\"_132\":133,\"_202\":79,\"_203\":27},\"StoreProductVariant\",\"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdFZhcmlhbnQvNTYxOTQ\",\"variantId\",56194,\"description\",\"maximumPrice\",20,\"minimumPaidPrice\",7.99,\"The Book\",\"suggestedPrice\",9.99,\"numCredits\",\"taxedAsEbook\",\"featuredTestimonial\",\"language\",{\"_153\":207,\"_208\":9,\"_209\":210,\"_211\":212},\"English\",\"code2\",\"code3\",\"eng\",\"direction\",\"ltr\",\"variants\",[215],{\"_147\":190,\"_18\":191,\"_192\":193,\"_26\":27,\"_194\":-5,\"_67\":29,\"_68\":27,\"_195\":196,\"_197\":198,\"_153\":199,\"_144\":145,\"_146\":79,\"_142\":143,\"_121\":27,\"_122\":29,\"_200\":201,\"_124\":16,\"_126\":127,\"_132\":133,\"_216\":145,\"_202\":79,\"_203\":27,\"_217\":218},\"quantity\",\"assets\",[],\"pastEdition\",\"primaryAuthor\",{\"_18\":152,\"_153\":154,\"_5\":222},{\"_165\":158},\"publisher\",{\"_225\":29,\"_226\":227,\"_153\":228,\"_124\":85,\"_229\":29,\"_230\":231,\"_233\":234},\"coverUploaded\",\"defaultLandingPageBlurb\",\"\u003cp\u003eLeanpub empowers authors to self-publish in-progress ebooks.\u003c/p\u003e\",\"Leanpub\",\"university\",\"cover\",{\"_52\":232},\"missing_avatar.jpg\",\"logo\",{\"_52\":235},\"https://s3.amazonaws.com/publisherlogos.staging.leanpub.com/logos/1/original/leanpub_logo.png?1501739906\u00261501739906\",\"teamDiscountVariants\",[],\"teamDiscountVariant\",{\"_18\":191,\"_192\":193,\"_153\":199,\"_26\":27,\"_67\":29,\"_68\":27,\"_197\":198,\"_200\":201,\"_202\":79,\"_203\":27},\"testimonials\",[],\"translatedFrom\",{\"_124\":244,\"_132\":245,\"_136\":246,\"_205\":249},\"7diasdehtml\",\"7 Días de HTML\",[247],{\"_124\":125,\"_205\":248},{\"_208\":9,\"_209\":210},{\"_153\":250,\"_208\":251,\"_209\":252},\"Spanish\",\"es\",\"spa\",\"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,\"_259\":-5,\"_260\":-5},\"loaderData\",{\"_3\":4,\"_14\":15,\"_257\":-5,\"_258\":-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,\"_253\":189,\"_254\":29,\"_255\":29,\"_256\":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\":9,\"_36\":29,\"_37\":38,\"_39\":40,\"_41\":-5,\"_42\":43,\"_44\":-5,\"_45\":46,\"_47\":-5,\"_48\":49,\"_50\":51,\"_54\":55,\"_57\":58,\"_59\":29,\"_60\":29,\"_61\":27,\"_62\":63,\"_64\":-5,\"_65\":66,\"_67\":29,\"_68\":27,\"_69\":-5,\"_70\":29,\"_71\":29,\"_72\":29,\"_73\":29,\"_74\":29,\"_75\":29,\"_76\":77,\"_78\":79,\"_80\":79,\"_81\":82,\"_83\":-5,\"_84\":85,\"_86\":87,\"_88\":27,\"_89\":29,\"_90\":-5,\"_91\":92,\"_93\":94,\"_95\":79,\"_96\":79,\"_97\":27,\"_98\":99,\"_100\":79,\"_101\":85,\"_102\":103,\"_104\":29,\"_105\":-5,\"_106\":-5,\"_107\":108,\"_109\":29,\"_110\":111,\"_112\":29,\"_113\":29,\"_114\":29,\"_115\":116,\"_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\":137,\"_138\":29,\"_139\":-5,\"_140\":79,\"_141\":-5,\"_142\":143,\"_144\":145,\"_146\":79,\"_147\":148,\"_149\":150,\"_173\":-5,\"_174\":175,\"_176\":177,\"_184\":185,\"_186\":187,\"_188\":189,\"_204\":-5,\"_205\":206,\"_213\":214,\"_219\":-5,\"_220\":221,\"_223\":224,\"_236\":237,\"_238\":239,\"_240\":241,\"_242\":243},\"id\",\"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6Qm9va1Byb2R1Y3QvNTUwMzA\",\"aboutText\",\"\u003cp\u003eThe book is designed in a didactic and progressive way, starting with an introduction to HTML and ending with the integration of CSS and JavaScript. Each day focuses on a different aspect of HTML, with clear explanations and practical examples. Plus, at the end of each chapter, you'll find exercises to put into practice what you've learned and solidify your skills.\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003eSome of the topics this book covers include:\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cul\u003e\u003cli\u003eDay 1: HTML Fundamentals\u003c/li\u003e\u003cli\u003eDay 2: Links and Images\u003c/li\u003e\u003cli\u003eDay 3: Structure and Sections\u003c/li\u003e\u003cli\u003eDay 4: Tables and Forms\u003c/li\u003e\u003cli\u003eDay 5: Multimedia and Embedding Content\u003c/li\u003e\u003cli\u003eDay 6: Accessibility and SEO\u003c/li\u003e\u003cli\u003eDay 7: Integration with CSS and JavaScript\u003c/li\u003e\u003c/ul\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003e'7 Days of HTML' is the perfect guide for anyone who wants to learn how to create websites from scratch, improve their coding skills, or better understand how the web works. Whether you're a student, a professional looking to change careers, or just a learning enthusiast, this book will provide you with the tools you need to start your journey in web development.\u003c/p\u003e\u003cp\u003e \u003c/p\u003e\u003cp\u003eStart your web development adventure today!\u003c/p\u003e\",\"metaText\",\"\",\"teaserText\",\"\u003cp\u003eTake the first step into the world of web development with '7 Days of HTML'! This easy-to-follow guide will take you from the basics to mastering HTML, the essential markup language in web development, in just one week.\u003c/p\u003e\",\"allowFreePurchases\",true,\"showFullTitleForTranslations\",false,\"communityEditionTeaserText\",\"communityEditionAboutTheBook\",\"communityEditionWhatsIncluded\",\"communityEditionCalloutQuote\",\"courseMaterial\",\"languageCode\",\"authorsAreEditors\",\"publishedTranslationBundleProducts\",[],\"ccLicenseText\",\"Creative Commons Attribution\",\"ccLicenseImage\",\"ccSlug\",\"by\",\"ccVersion\",\"contactAuthorMethod\",\"email\",\"contactAuthorUrl\",\"copyrightType\",\"default\",\"coverHero\",{\"_52\":53},\"url\",\"https://d1t8n212324a3f.cloudfront.net/7daysofhtml/s_hero?1683988280\u00261683988280\",\"coverHero2x\",{\"_52\":56},\"https://d1t8n212324a3f.cloudfront.net/7daysofhtml/s_hero2x?1683988280\u00261683988280\",\"createdAt\",\"2025-12-02T21:19:12Z\",\"embargo\",\"enabledForums\",\"epubAvailable\",\"epubPreviewUrl\",\"staging.remix.leanpub.com/s/0697A272D8414EACA730253EC42C53A2.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\",\"/7daysofhtml\",\"leanpubAppAvailable\",\"matureContent\",\"newEdition\",\"pageCount\",48,\"pastEditions\",[],\"pastEditionsCount\",\"pastEditionsReaderCount\",\"pdfAvailable\",\"pdfPreviewUrl\",\"staging.remix.leanpub.com/s/0697A272D8414EACA730253EC42C53A2.pdf\",\"percentComplete\",\"prePublishMailchimpListId\",\"previewGeneratedAt\",\"2023-05-14T09:22:16Z\",\"retired\",\"sampleEpubUrl\",\"sampleUrl\",\"seoTitle\",\"7 Days of HTML [Leanpub PDF/iPad/Kindle]\",\"showAlsoByAuthors\",\"otherBooksFromAuthors\",[],\"showCommunityEditionOnPage\",\"showNumReaders\",\"exceedsMinimumDisplayReaders\",\"totalCopiesSold\",2,\"showPageCount\",\"showReadLink\",\"showReadLinkString\",\"none\",\"showWhatAuthorGets\",\"showWhatCauseGets\",\"showWordCount\",\"slug\",\"7daysofhtml\",\"state\",\"published\",\"subtitle\",\"Learn HTML in just one week\",\"suggestedHashtag\",\"suggestedTweet\",\"title\",\"7 Days of HTML\",\"toc\",\"\u003cul class='toc no-parts'\u003e\u003cli\u003e\u003cul\u003e\u003cli\u003eThe 7dias.dev Collection\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eIntroduction\u003cul\u003e\u003cli\u003eBrief History of HTML\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eImportance of HTML in the Web\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eObjectives of the Book\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 1: HTML Fundamentals\u003cul\u003e\u003cli\u003eWhat is HTML?\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eBasic Structure of an HTML Document\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eTags and Attributes\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eText Elements (Headings, Paragraphs, Lists, etc.)\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eExercise: Create a Simple Page\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 2: Links and Images\u003cul\u003e\u003cli\u003eHyperlinks or Links\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eLinking Internal and External Pages\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eImages and Attributes\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eAnchor Tag\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eExercise: Create a Page with Links and Images\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 3: Structure and Sections\u003cul\u003e\u003cli\u003eSemantic Elements\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eHeader, Footer, and Navigation Tags\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eArticles and Sections\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eAddress and Details Tags\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eExercise: Create a Structured Web Page\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 4: Tables and Forms\u003cul\u003e\u003cli\u003eTables: Structure and Tags\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eTable Styles\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eIntroduction to Forms\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eInput Fields and Buttons\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eExercise: Create a Page with Tables and Forms\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 5: Multimedia and Embedding Content\u003cul\u003e\u003cli\u003eEmbedding Audio and Video\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eResponsive Image Tag: \u003ccode\u003e\u003cpicture\u003e\u003c/code\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eEmbedding External Content: \u003ccode\u003e\u003ciframe\u003e\u003c/code\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eTime and Progress Tags\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eExercise: Create a Page with Multimedia Content\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 6: Accessibility and SEO\u003cul\u003e\u003cli\u003eImportance of Accessibility\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eStructure and Semantic Tags\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eHeader Tags and Hierarchy\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003e\u003ccode\u003elabel\u003c/code\u003e Tags and \u003ccode\u003efor\u003c/code\u003e Attribute\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eExercise: Improve a Webpage’s Accessibility and SEO\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 7: Integration with CSS and JavaScript\u003cul\u003e\u003cli\u003eIntroduction to CSS\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eLinking CSS Stylesheets\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eIntroduction to JavaScript\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eAdding Interactivity with JavaScript\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eExercise: Create an Interactive and Styled Web Page\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eConclusion\u003cul\u003e\u003cli\u003e7-Day Learning Summary\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eNext Steps to Deepen Web Development\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eAdditional Resources for Continued Learning\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eExercise Solutions\u003cul\u003e\u003cli\u003eDay 1 Exercise\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 2 Exercise\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 3 Exercise\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 4 Exercise\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 5 Exercise\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 6 Exercise\u003c/li\u003e\u003c/ul\u003e\u003cul\u003e\u003cli\u003eDay 7 Exercise\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/li\u003e\u003c/ul\u003e\",\"translations\",[],\"unpublishedSample\",\"vimeoUrl\",\"wordCount\",\"youtubeUrl\",\"royaltiesToRevenueRatio\",0.8,\"ratioOfRevenueToAuthors\",1,\"ratioOfRevenueToCauses\",\"type\",\"StoreBookProduct\",\"authors\",[151],{\"_18\":152,\"_153\":154,\"_155\":27,\"_5\":156},\"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci81ODAzMQ\",\"name\",\"Kiko Palomares\",\"isPrimary\",{\"_157\":158,\"_159\":158,\"_160\":161,\"_153\":154,\"_162\":163,\"_164\":158,\"_165\":158,\"_166\":167,\"_169\":170,\"_172\":-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\",{\"_52\":168},\"https://d308did4coypzi.cloudfront.net/avatars/2655896/full/2023-04-09_avatar.jpg?1683983988\",\"avatarTiny\",{\"_52\":171},\"https://d308did4coypzi.cloudfront.net/avatars/2655896/tiny/2023-04-09_avatar.jpg?1683983988\",\"latestPodcastEpisode\",\"bigTestimonial\",\"bundles\",[],\"categories\",[178,181],{\"_153\":179,\"_124\":180},\"HTML\",\"html\",{\"_153\":182,\"_124\":183},\"Web Development\",\"web_development\",\"causes\",[],\"contributors\",[],\"defaultVariant\",{\"_147\":190,\"_18\":191,\"_192\":193,\"_26\":27,\"_194\":-5,\"_67\":29,\"_68\":27,\"_195\":196,\"_197\":198,\"_153\":199,\"_144\":145,\"_146\":79,\"_142\":143,\"_121\":27,\"_122\":29,\"_200\":201,\"_132\":133,\"_202\":79,\"_203\":27},\"StoreProductVariant\",\"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdFZhcmlhbnQvNTYxOTQ\",\"variantId\",56194,\"description\",\"maximumPrice\",20,\"minimumPaidPrice\",7.99,\"The Book\",\"suggestedPrice\",9.99,\"numCredits\",\"taxedAsEbook\",\"featuredTestimonial\",\"language\",{\"_153\":207,\"_208\":9,\"_209\":210,\"_211\":212},\"English\",\"code2\",\"code3\",\"eng\",\"direction\",\"ltr\",\"variants\",[215],{\"_147\":190,\"_18\":191,\"_192\":193,\"_26\":27,\"_194\":-5,\"_67\":29,\"_68\":27,\"_195\":196,\"_197\":198,\"_153\":199,\"_144\":145,\"_146\":79,\"_142\":143,\"_121\":27,\"_122\":29,\"_200\":201,\"_124\":16,\"_126\":127,\"_132\":133,\"_216\":145,\"_202\":79,\"_203\":27,\"_217\":218},\"quantity\",\"assets\",[],\"pastEdition\",\"primaryAuthor\",{\"_18\":152,\"_153\":154,\"_5\":222},{\"_165\":158},\"publisher\",{\"_225\":29,\"_226\":227,\"_153\":228,\"_124\":85,\"_229\":29,\"_230\":231,\"_233\":234},\"coverUploaded\",\"defaultLandingPageBlurb\",\"\u003cp\u003eLeanpub empowers authors to self-publish in-progress ebooks.\u003c/p\u003e\",\"Leanpub\",\"university\",\"cover\",{\"_52\":232},\"missing_avatar.jpg\",\"logo\",{\"_52\":235},\"https://s3.amazonaws.com/publisherlogos.staging.leanpub.com/logos/1/original/leanpub_logo.png?1501739906\u00261501739906\",\"teamDiscountVariants\",[],\"teamDiscountVariant\",{\"_18\":191,\"_192\":193,\"_153\":199,\"_26\":27,\"_67\":29,\"_68\":27,\"_197\":198,\"_200\":201,\"_202\":79,\"_203\":27},\"testimonials\",[],\"translatedFrom\",{\"_124\":244,\"_132\":245,\"_136\":246,\"_205\":249},\"7diasdehtml\",\"7 Días de HTML\",[247],{\"_124\":125,\"_205\":248},{\"_208\":9,\"_209\":210},{\"_153\":250,\"_208\":251,\"_209\":252},\"Spanish\",\"es\",\"spa\",\"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 Days of HTML

You pay

Author earns

...Or Buy With Credits!

About

Share this book

Categories

Feedback

Author

Contents