Web Development Wizardry: HTML & CSS Course for Beginners.

Explore what HTML stands for and how hypertext markup language powers links to graphics, video, and sound; distinguish HTML from XHTML as a markup language, not a programming language.

Explore how the head section stores metadata, including meta tags, the title, and utf-8 encoding in HTML5, and learn to describe your webpage with a meta description.

Identify how comments describe code and hide notes from the browser, showing that adding comments in HTML or XHTML keeps explanations invisible while the page content displays.

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

Explore input attributes for the input tag, including file input with multiple selection and accept types, plus placeholder, size, and minimum length and maximum length constraints.

Learn to connect a label to an input with the for attribute and the id in HTML, using a password field as an example and optional line breaks.

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

Connect a datalist to an input with the list attribute, use option tags in the data list, and label the input with the for attribute linking to its id.

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 how to use the span tag to mark parts of text and apply styling with the style attribute, adjusting color and font size for red and blue words.

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.

Learn how borders, padding, and margins control spacing in HTML and CSS. See how padding creates space between content and border, while margins create space outside the border.

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

Explore the basics of HTML layout using header, nav, main, section, aside, and footer tags. Include the center tag to center elements, and apply style attributes for color and alignment.

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.

Discover how to insert emojis in emails using numeric character references like 💗 and ⚽, and control their size with the style attribute's font-size in HTML.

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

Learn how to implement audio and video elements in HTML, add source tags for files, set width and height, and apply attributes like controls, loop, muted, and autoplay.

Explore semantics in HTML by contrasting semantic elements like header, footer, navigation, aside, and section with non semantic elements such as div and span.

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 CSS margin property and how it creates space outside an element's border, including top, right, bottom, and left margins, four-value shorthand, zero margins, and centering with auto margins.

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.

Build a styled login page with a container and email and password inputs, sign-up links. Use HTML and CSS to set background, borders, placeholders, hover effects, and a submit button.