HTML/CSS - 7: Lists Learn how to organize content with lists! Create ordered and unordered lists, and try nesting them. <ol> <li>First item</li> <li>Second item</li> </ol> <ul> <li>Item one</li> <li>Item two</li> </ul>
Continue reading...HTML/CSS - 6: Working with Images Learn how to display images using the <img> tag. Let's use some fun waffle images! <img src="water-waffles.webp" alt="Waffles underwater" width="700"> <img src="space-waffles.webp" alt="Waffles floating in space" width="600">
Continue reading...HTML/CSS - 5: Links & Navigation Learn how to create clickable links! Add links to websites, email addresses, and make a simple navigation menu. <nav> <a href="https://google.com" target="_blank">Google</a> <a href="https://youtube.com" target="_blank">YouTube</a> <a href="mailto:[email protected]">Email Me</a> </nav>
Continue reading...HTML/CSS - 4: Colors & Inline Styles Time to make it colorful! Use the style attribute to change text color, background color, and font size. <h1 style="color: #00ff9d; font-size: 48px;">Big Heading</h1> <p style="background-color: #111; padding: 20px;">Colored paragraph</p>
Continue reading...HTML/CSS - 3: Text Formatting Make your text more interesting! Use formatting tags to make words bold, italic, underlined, and highlighted. <strong>bold text</strong> <em>italic text</em> <mark>highlighted text</mark> <u>underlined text</u>
Continue reading...