How to set up a redirect on your website

There are two main reasons most people want to set up a redirect: To redirect a page after changing the URL (so existing links to the old URL don’t break) To create an ‘easy’ link to an outside profile (like setting yourwebsite.com/spacehey to redirect to your SpaceHey profile). It’s really simple to do! I’ll lay … Read more

HTML Final Project

You have completed the ‘absorbing information’ step and now it’s time to make something! Don’t be afraid to re-visit any pages you read to refresh your knowledge along the way. I’m also going to give you a really useful tool to help you along the way: https://htmlcheatsheet.com/ This page has a lot of tags we … Read more

05. File Structure

Introduction This lesson covers the basic file structure of a website, which is necessary to understand before proceeding to the next lesson. Learning Outcomes By the end of this lesson, you should be able to: Identify the root directory of your webserver Explain why naming a file index.html behaves differently than others. Create a website … Read more

08. Formatting and Comments

Introduction This lesson covers how to write HTML in an easy-to-read way. That way, when you come back to your code in the future, it’s a lot easier to remember where all of the different elements are. Learning Outcomes By the end of this lesson, you should be able to: Properly format an HTML document … Read more

07. Divs and Nesting

Introduction In this lesson, you will learn a little about divs, and about the concept of nesting HTML elements. Learning Outcomes By the end of this lesson, you should be able to: Identify what a div tag looks like Explain the concept of nesting Divs A ‘div’ refers to the <div></div> tag. These are the … Read more

06. Links and Images

Introduction This lesson explains how to create links and images in HTML. Learning Outcomes By the end of this lesson, you should be able to: Create links that open in the same tab Create links that open in a new tab Explain the difference between an absolute and relative link Insert an image into HTML … Read more

04. Lists

Introduction This lesson covers how to create ordered and unordered lists in HTML. Learning Outcome By the end of this lesson, you should be able to: Create an ordered list. Create an unordered list. Lists There are two types of lists you can make with HTML. The first type is called an ordered list and … Read more

00. Getting Started

Introduction Hello and welcome! I’m Sadness, and my goal is to make it easier for you to learn HTML and CSS so you can start building your own website. Each of the lessons represents essential knowledge for learning. It is strongly recommended to read each lesson – in order – even if you’re not a … Read more

03. Formatting Text

Introduction This lesson explains how to format text on a webpage with HTML. It covers how to make paragraphs, headings, line breaks, and bold and italicized text. Learning Outcomes Create paragraphs Create headings Create line breaks Create bold text Create italicized text Paragraphs To create a paragraph of text in HTML, use the p tags, … Read more

02. HTML Boilerplate

Introduction This lesson explains the standard HTML template, also known as a boilerplate template. This lays out the complete structure of an HTML document, and is necessary for any live webpage. Learning Outcomes By the end of this lesson, you should be able to: Identify the difference between the <head> and <body> tags. Explain why … Read more