Introduction to HTML

Define HTML elements with a start tag, content, and an end tag, then add attributes like class with the assignment operator and quotes for values.

Identify elements using id and class attributes for CSS and JavaScript access, with unique ids for a single element and multiple classes for shared styling (dash-separated ids, space-separated class lists).

Build a basic HTML boilerplate by creating an index.html with the HTML5 doctype, html, head, and body tags, set the UTF-8 charset, and include a title.

Explore how the paragraph tag forms block level sections, creates spacing between paragraphs, and uses the p tag to display content in the browser.

Explore header elements, from h1 to h4, and see how their default browser styles create semantic hierarchy even when styling makes them look similar.

Use the em tag to emphasize text, producing an italics-like appearance. Learn how browsers render the em element as emphasis and how it fits into a beginner HTML course.

Use the strong tag to call out content inside a paragraph and make it stronger than nearby text. See how the browser applies a bold style by default.

Learn how to define unordered and ordered lists using ul and ol tags, create list items, and observe default browser styling with padding, margins, and bullets.

Learn how an ordered list uses numbers as identifiers, defined like an unordered list, wrapped in an ol container with list items and default browser styling, including padding and margins.

Use the image tag in HTML, set the src to a relative image path, and include a placeholder image on the page.

Learn how the anchor tag defines clickable links using the a tag and href to navigate to other pages, including absolute paths like http://google.com.

Explore layout elements for positioning and structure, including div as a generic block level element and inline elements like span, plus semantic tags like main, article, header, and footer.

Build a single html page with basic css, emulating wired's layout, starting from a doctype and utf-8 meta, then a header with logo, main content, sidebar, and footer.

Learn to recreate Wired in HTML and CSS using a two-column layout with header and article blocks, while applying normalize.css for cross-browser consistency.

Define reusable CSS rule sets with classes for header, main, and footer; center content with auto margins, apply hex colors and hover states, and study comments and normalization.

Thank you for completing this refactor module; continue learning with us and explore our full stack JavaScript bootcamp to deepen coding skills and advance your career.