Web Development Building Websites Web Design HTML and CSS

Learn how html files render in browsers using opening and closing tags to build page structure with head and body. Explore tags versus elements and the role of css styling.

Learn how to build a basic HTML template with proper doctype, head and body structure, and meta information like charset, viewport, and title to guide browsers and improve SEO.

Learn to structure web content with headings, paragraphs, and line breaks, using h1 to h6 for semantic hierarchy and test on browsers your visitors use.

Learn to add images in HTML using the img tag with a src attribute and self-closing syntax. Use placeholder or real images, and set size with width, height, or CSS.

Explore creating ordered and unordered lists in HTML, using list items for accessible navigation menus, adjusting start numbers and style types (letters, roman numerals) with CSS.

Learn how hyperlinks power the web with anchor tags and href, linking to external pages and internal sections, and distinguish relative paths from absolute paths to ensure reliable navigation.

Explore how to structure web pages using divs and spans to organize content, create anchors for in-page navigation, and implement mailto and tel links to streamline user communication.

Master HTML5 semantic elements by converting divs into meaningful tags like header, nav, section, and article to create clearer, reusable page structures.

Transfer code from code pen into your web editor and display it on your site, pasting HTML into the body and linking CSS and JavaScript (optional libraries like Bootstrap).

Create HTML forms by building a form container, adding inputs with types, labels and IDs, and a submit button using get or post to a specified action URL.

Explore html5 input types and form controls, including text, email, radio and checkbox inputs, color pickers, and file uploads; learn labeling with id and name for submission.

Explore select dropdowns and options with values, radio buttons, and a textarea with configurable rows and columns, then apply attributes like disabled and required to build forms.

Review common HTML elements and inline text semantics, learn to structure content with semantic tags, and explore text formatting, media, canvas, tables, and forms.

Style web pages with CSS by selecting elements with tag name, id, or class, and choose inline, on-page, or external stylesheets for reusable design.

Learn to target elements by class, id, or tag and style backgrounds, text colors, fonts, and sizes using CSS colors, hex, rgb, and rgba with alpha transparency.

Apply and customize CSS background properties, including setting a background image on the body, adjusting color, position, repeat, and size. Learn to use the shorthand background syntax to combine options.

Learn to add fonts using Google Fonts, apply a site-wide font family, and choose between link or import methods while updating background and hyperlink styles.

Learn to style hyperlinks with CSS by removing underlines and applying a red color. Use pseudo-classes to reveal hover effects and follow design patterns like accordions and breadcrumbs.

Learn how the float property positions elements to the left or right, enabling two-column layouts with a main area and a sidebar, and clear fixes for responsive design.

Apply css margins and the box model to control page layout. Center the wrapper with auto margins and explore max width behavior in Chrome DevTools.

Master the CSS box model by using the padding shorthand to control inner space, margins, and borders around a wrapper, creating a neatly centered, readable page.

Explore setting font sizes with em units, build a navigation bar from an unordered list, and apply hover effects, padding, and accessible link styling.

Explore how display properties control layout in css, including block, inline, inline-block, and none, with practical examples on nav bars and list items, plus the distinction from visibility hidden.

Discover how CSS handles overflow by using overflow, overflow-x, and overflow-y with visible, hidden, scroll, and auto to control content beyond a fixed box.

Position elements on a web page using absolute, fixed, relative, static, sticky, and inherit. Absolute floats over content with top/left offsets; fixed stays in view during scroll.

Apply css tweaks to clear floats, center text, and style navigation links with borders and rounded corners; use pseudo elements and selectors like even, odd, first child, and first letter.

Learn to build responsive web layouts with media queries and breakpoints, using mobile-first defaults and adjustments to navigation, sidebars, and content across desktop to mobile screens.

Explore practical web design planning and HTML structure, apply CSS styling with common properties, and fine-tune pages using Chrome DevTools, CodePen, and placeholders to create tailored websites.

Explore building HTML tables using the table element, including head, body, and footer, with tr, th, and colspan, and apply borders, colors, and column groups with CSS.