Web Development Wizardry: HTML & CSS Course for Beginners.

Discover HTML inputs and the 23 input types, from text and email to date, color, checkbox, file, url, tel, time, and reset.

Explore radio input basics by building a color selector form with labeled radio options for blue, red, and green, using input and label attributes.

Explore how to create ordered and unordered lists in HTML, use description lists with dl, dt, and dd, and combine lists to organize content for beginners.

Learn how to insert images in HTML from your computer or the internet using input and img tags, and adjust width and height to 100% and 500 pixels.

Learn how to use the style attribute to apply CSS properties to HTML elements, including background color, font family and size, width, height, text-align, and font color.

Learn the division tag in HTML, how to group elements with divs using the style attribute and the class attribute, and apply properties like background color and font size.

Understand how block elements start on a new line and take width, with paragraph, div, and table, and how inline elements flow on the same line with span, bold, italic.

Explore the hyperlink tag's target attribute, including _blank and _self, and learn how links open in a new tab or the same tab.

Discover how to add a favicon, a small icon displayed beside the title, by inserting a link tag in the head with the rel and href attributes.

Learn to make your website responsive for mobile and tablets by using the viewport and content attributes, including setting the scale to 1.0.

Explore object, embed, and iframe tags for embedding pdfs, images, and videos. Object uses the data attribute; embed and iframe use the crc attribute, with width and height controls.

Explore CSS, short for cascading style sheets, and learn how to improve your website’s appearance by controlling colors, fonts, sizes, spacing, borders, and other styling properties.

Learn how to connect a css file to html by creating a .css file, saving it, and linking it in the html head with rel and href attributes.

Explore how CSS priorities shape styling by comparing font sizes across classes, internal styles, and inline styles; inline styles take precedence, then internal styles, then class rules by order.

Discover how to set colors in CSS using three methods: color names (over 140 options), hex codes with a hash, and RGB values including RGBA for alpha.

Explore five text styling properties in HTML and CSS, including text-decoration (line-through, overline, underline) and span usage; text-indent with fixed values; text-transform (capitalize, uppercase, lowercase); white-space control; and word-spacing.

Learn how to use CSS comments with the syntax /* ... */ and see that comments have no value, illustrated by examples with and without a comment.

Explore hover and active states in CSS by styling a link, changing color and removing underline on hover, and applying active effects like color, background, font size, and weight.

Explore the width and height properties in CSS, using pixel values and auto sizing to control container and content dimensions, with examples of minimum and maximum width and height.

Explore the CSS overflow property and how content outside a container's width and height behaves. Learn how visible, hidden, scroll, and auto control overflow with a live demo.

Learn how the CSS outline property works, compare it to borders, and see how a blue outline (25px, solid) sits outside the element without affecting layout, unlike the green border.

Learn how to style images and inputs in CSS using attribute selectors. Explore applying properties like outline, width, height, border, and padding based on element attributes.