Read about how to create HTML documents in HTML – First Steps.

In the previous lesson, we created our first HTML document.

In the previous lesson, we created our first HTML document, which means you now know how to write HTML code in a text editor and view changes in the browser by refreshing the page (usually by pressing F5).

In this lesson, we’ll continue working with text and use tags like span, p, and div. We’ll also look at the br tag.

Lists are frequently used on websites — in menus, within text, or for any kind of enumeration. Let’s start with the most common type: the unordered list using the <ul></ul> tags.

UL List

The <ul> tag is used for unordered (bulleted) lists. Through HTML, we can also define the type of bullet marker.

Let’s update our HTML code:

We’ve reached the very foundation of HTML — what it was created for — namely, hyperlinks (or simply links). Links are a way of organizing connections between different materials. Suppose you have 100,000 text files and want to create a catalog for them. Even if each catalog contains descriptions of 200 text files, you'd need 500 catalogs. Browsing through all 500 to find the right file would take a lot of time. So how do links help?

One of the important ways to store information is with tables. Tables are used in Excel, Access, and other databases. Tables are a clear way to present data, and they make it easy to create charts and diagrams. In this lesson, we’ll look at how to create tables in HTML using the tags <table>, <tr>, <td>, <th>, <thead>, <tbody>, and <tfoot>.

Images are a very important element of a website—without them, it looks dull and unattractive. Images are used for visual design, photo galleries, or just to enhance content.

Images are inserted using the IMG tag (note that we write img, not the full word “image”). The IMG tag is self-closing: <img />, meaning it doesn’t require a closing tag.

Quite often you need to embed a YouTube video into your blog. In this lesson, we’ll go over the tags and attributes used to do that. Let’s start by going to YouTube and copying the embed code for a video.

The resulting code looks like this:

We’ve already talked about how different tags have their own specific attributes. Now it’s time to discuss the attributes that are common to many tags. Let’s look at the most popular ones.

The main element of a website is the menu (navigation). It allows users to move between pages on the site. A menu is also important for search engine indexing—without links connecting the pages, a search engine won't be able to crawl the entire site. Let's take a look at what a menu is made of.

I think this is a good place to end the HTML tutorial, but I will continue to post lessons on HTML if something new comes to mind. You might feel like this tutorial is quite short, but after all, it is titled "First Steps". I don't believe it's necessary to describe every single tag here—that will be covered later in an HTML reference guide.

If you're thinking about continuing your learning, I recommend moving on to CSS. It's a part of HTML that allows you to style HTML elements and make everything look beautiful.