How are complex HTML websites created?

In this lesson we’ll understand how more complex modern websites are created. Now we have created our first website, with two basic pages and a navigation bar that lets us move between them. We understand how to add images, and how to structure our HTML documents. And the importance of keeping our HTML neat and…

Read More

Class, ID and < div > and < span > in HTML

In this lesson we’ll learn about class and ID attributes, and two tags that are useful for structuring our HTML.  If you haven’t followed the lessons up to now then you should start from the beginning of the course. For this lesson you’ll want to have your “index.html” open in both Notepad and your browser…

Read More

How to add navigation to a simple HTML page

In this lesson we’ll add navigation between our two simple HTML web pages. If you haven’t followed the lessons up to now then you should start from the beginning of the course. For this lesson you’ll want to have your “index.html” open in both Notepad and your browser so we can make changes to it…

Read More

Adding Links and Images in HTML

In this lesson we’ll learn some HTML tags that allow us to add links and images to our web pages. If you haven’t followed the lessons up to now then you should start from the beginning of the course. For this lesson you’ll want to have your “index.html” open in both Notepad and your browser…

Read More

Adding Text to our HTML page

In this lesson we’ll learn about some HTML tags that help us structure text in our web pages. If you haven’t followed the lessons up to now then you should start from the beginning of the course. For this lesson you’ll want to have your “index.html” open in both Notepad and your browser so we…

Read More

Understanding Basic HTML

In this lesson we’ll learn about some of the simplest HTML tags and how they function. So far we have a very simple index.html: <!DOCTYPE html> <html> <head> <title>FOTC First Website</title> </head> <body> This is our first FOTC web page. </body> </html> Let’s look in more detail at this HTML. Use the buttons below to…

Read More

Creating our first HTML document

In this lesson we will walk through creating an empty HTML document and learn about HTML document structure and some simple HTML tags. Use the buttons below to navigate through the lesson   First, create a place to put our simple website on your computer. Right-click your desktop and select New -> Folder, like this:…

Read More

Viewing Website HTML in our browsers

In this lesson we learn how to view HTML using the free Developer Tools in our browser. Before we begin building our own websites let’s look at the HTML that websites are already sending us. Doing this helps us to ‘demystify’ HTML and to realise that websites aren’t magic – we can understand them and…

Read More

Introduction to HTML

In this lesson we learn about one of the main types of data websites send to our computers over the internet: HTML. If you haven’t completed the first part of our Website Design course “What is the internet” make sure you read those first to get a good understanding of how websites are sent to…

Read More