HTML/CSS - 12: Forms & User Input Learn how to create proper forms with labels, inputs, buttons, and validation. <form> <label for="name">Name</label> <input type="text" id="name" required> <label for="email">Email</label> <input type="email" id="email" required> <button type="submit">Submit</button> </form>
Continue reading...HTML/CSS - 11: Semantic HTML & Better Page Structure Learn how to use proper semantic tags instead of just <div> for better structure, SEO, and accessibility. <header>Header Area</header> <nav>Navigation</nav> <main>Main Content</main> <footer>Footer</footer>
Continue reading...HTML/CSS - 10: Build Your First Mini Website Congratulations! Now combine everything you’ve learned into a complete personal homepage. <header> <h1>My Portfolio</h1> </header> <section> <h2>About Me</h2> <p>...</p> </section> <footer> <p>Contact me</p> </footer>
Continue reading...HTML/CSS - 9: Simple Layouts Learn how to structure your page using <div> containers and basic layout techniques. .card { background: #111; border: 2px solid #00ff9d; border-radius: 12px; padding: 25px; margin: 20px auto; max-width: 700px; }
Continue reading...HTML/CSS - 8: Basic CSS Styling Move beyond inline styles! Use a <style> tag in the <head> to style multiple elements at once. <style> h1, h2 { color: #00ff9d; } p { margin-bottom: 20px; } </style>
Continue reading...