What is HTML? and a bit about CSS

Explore how html extensions tell browsers and applications what to do with each file, and how a default index file loads when you host a site.

Discover how the HTML declaration tells the browser how to render the HTML document. Use HTML5 as the standard, and start every new web page with this declaration.

Understand the HTML document structure, including the head and body, and why every tag must be opened and closed or self-closed, with examples like image tags and the title.

Examine the HTML structure, from head and body to title, headings h1–h6, div and paragraph p tags, and learn that every tag must be closed.

Explore how HTML comments document code for future readability and how div elements group and separate page sections, including nested divs for layout.

Discover how to structure a web page with divs as blocks, close and nest them correctly, and use CSS to position and group content such as headers and menus.

Explore how divs structure a web page, add headings inside nested divs, and understand how HTML defines the page for browser rendering, with future lessons on images.

Learn how to add images in HTML using the image tag with src, alt, and title attributes, plus using placeholder images from lorem pixel and adjusting the width to 800.

Learn how to load and display images in HTML using the img tag, including src, alt text, and title, with responsive width options and preserved aspect ratio.

Learn to organize web assets into image folders, reference images with correct relative paths, troubleshoot missing images using alt text, and understand how folder structure affects HTML image display.

Learn how to reference images in HTML across folder structures, including images in the same directory, outside directories, and navigating up multiple levels using relative paths.

explore how links power navigation by using anchor tags with href and anchor text, require an absolute url and protocol for external sites, and optionally a title attribute for accessibility.

Explore how the target attribute controls link behavior in HTML, opening in the same window, a blank page, or the full body of the window, with practical examples.

Create a simple navigation menu in HTML using ordered and unordered lists, with list items and links built from <ol>, <ul>, <li>, and <a> tags.

Learn to create and customize an ordered list in HTML using the ol tag and li items, explore styling with list-style-type and linking CSS in the head.

Create a new css file and use id and class selectors to style html elements, noting that an id is unique while a class can be reused on multiple elements.

Assign an id and a class in html, apply a common casing with lowercase first words and uppercase joins, and use an active class to style the current link.

Learn to link external css and reference file paths, and style elements with tag, class (dot), and id (pound) selectors, including comma-separated groups.

Explore how a WordPress video blog was trimmed from six hours to four, and learn about a future course on web hosting and a subdomain.

upload html files to your web hosting, ensure the default page is named index.html to load automatically, and avoid exposing directory contents by providing a default file.

Compress your local website into a zip, upload it to a web server, and extract it to publish online. Learn about a simple template with placeholders and basic web hosting.

Complete the achievement course to gain access to course scores; progress is tracked in the instructor dashboard, and you can message for a coupon to join the two-hour course.

Join this continuation to deepen your understanding of HTML and CSS, exploring DML and CSSA concepts, with new material and updates as the instructor offers a reduced-rate enrollment.

Learn to build a simple web page with HTML and CSS, using semantic elements such as header, nav, main, section, article, aside, and footer, plus responsive media queries.

Learn how to add a logo in HTML by creating a header with a linked image, using a local logo file, and planning navigation.

Create a simple header with a logo and navigation using divs and classes, adding home and other items, then prepare to add body content in the next video.

Learn to structure the page body using divs, sections, and articles, place images with alt text, and arrange left and right content with descriptive headings for semantic pages.

Fix image display in your HTML page by correcting image paths and folder placement, then create a style.css and use selectors to style fonts and colors.

Create a header with a logo and navigation, then apply a class to set a header background image. Use CSS to center the background, no repeat, and position: relative.

Master fixing a header layout by floating the logo left and the navigation right, while using clear and rem units and resetting the body margin to zero.

Learn how to style a header with CSS padding shorthand, margins, and color, align logo and navigation, set white text, and prepare a header area for a button.

Explore styling navigation buttons with css, turning links into buttons, and applying color, padding, borders, and hover effects using classes and selectors for a cohesive navigation layout.

Learn to float content left and right to create a two-column layout with 50% widths and margins. Apply image sizing and box-sizing to control padding and spacing.

Set up an image on the left and text on the right, and tune font sizes, padding, borders, and section spacing using CSS.

Finish the HTML footer by styling a compact navigation and copyright section, align items on one line with padding and colors, and note responsive behavior using percentages.

Learn to add custom css on Squarespace via page settings, design settings, or code injection, and tailor styles with selectors for individual pages or the whole site.

Learn to add custom css, html, and javascript to a Squarespace site, applying code site-wide or per page with code blocks and code injection.