HTML5 & CSS3 For Beginners

Explore the head and body sections and learn to add headings, paragraphs, links, lists, images, and videos with HTML elements and attributes, including a quiz and practice test.

Explore placing content inside the body tags to render text, images, and buttons, and learn how self-closing elements like the br tag create line breaks.

Explore the differences between paragraph and span elements in HTML, and learn how block level versus inline elements affect line breaks, margins, and CSS styling.

Learn how the div tag functions as a versatile container to divide content into logical sections, grouping elements like introductions, habitat, and media for clearer web layouts.

Explore the HTML hierarchy by nesting elements within a parent, defining parent and child relationships, siblings, and how attributes inherit from their parent element.

Attributes add information to HTML elements via name-value pairs in the opening tag, such as id and title, to identify sections like introduction, habitat, and media.

Learn to create ordered and unordered lists with ol, ul, and li, and customize markers using the type attribute, numbers, letters, and roman numerals. Understand when ordering matters for steps.

Learn to embed images in HTML with the image tag using src, height, width, and alt text, and turn images into links with anchor tags for accessible, linked visuals.

Learn how to embed videos with the HTML5 video element, using src, controls, width/height, and fallback text, and compare iframe embedding for YouTube videos.

Learn how HTML comments begin with an opening angle bracket, exclamation point, and two dashes. They enclose notes ignored by the browser, for documenting sections and experimenting without deleting code.

Learn the fundamentals of HTML and CSS, including headings, divs and their attributes, images and videos, and link your HTML to a CSS stylesheet to build orchids and food websites.

Master css fundamentals by learning why we use css and how to apply styles using element, class, and id selectors, including multiple selectors for a single element.

Explore how cascading style sheets style web content, control colors, fonts, and layout, and apply an external CSS file to transform a plain page into a stunning website.

Discover CSS syntax by using selectors and declaration blocks, and learn how the element selector targets all elements by name to apply color and font-size with semicolon-separated declarations.

Learn to style with the class selector by targeting elements via their class attribute. Combine multiple classes with spaces to apply mixed styles, like cursive fonts and pale violet red.

Explore how the id attribute creates a unique #id selector to style a specific element, overriding class styles with properties like color, text-align, and text-transform.

Learn how element name selectors, class selectors, and ID selectors differ and override one another, including grouping with commas and using attribute selectors to control styling with CSS specificity.

Explore font family and font size properties, learn to use fallback fonts, and apply pixel-based and relative sizes (em, rem) to headings and body text.

Learn how the CSS color property sets text color using named colors, hex codes, and rgb values, and practice selecting and copying hex values with a color picker.

Learn to set page background with background color property and apply white to divs, then add a background image via a URL, set height, and use cover with fixed attachment.

Explore how CSS height and width use auto, pixels, and percent values, and apply min-width, max-width, min-height, and max-height to keep bar graphs and paragraphs legible.

Explore how to style text with alignment, decoration, and transform: left, center, right; underline, line through, uppercase. Learn to adjust letter-spacing and word-spacing, and remove underlines from anchors.

Understand how the border property uses thickness, type, and color to style elements, with examples in pixels and colors like solid red, dotted hex, and rgb values.