HTML is the language in which most websites are written. HTML is used to create pages and make them functional.

The code used to make them visually appealing is known as CSS and we shall focus on this in a later tutorial. For now, we will focus on teaching you how to build rather than design.

What are Tags and Attributes?
Tags and attributes are the basis of HTML.

They work together but perform different functions – it is worth investing 2 minutes in differentiating the two.

What Are HTML Tags?
Tags are used to mark up the start of an HTML element and they are usually enclosed in angle brackets. An example of a tag is:

. Most tags must be opened

and closed

in order to function.

What are HTML Attributes?
Attributes contain additional pieces of information. Attributes take the form of an opening tag and additional info is placed inside.

An example of an attribute is:

A photo of my dog.

Golden Rules To Remember
The vast majority of tags must be opened () and closed () with the element information such as a title or text resting between the tags.
When using multiple tags, the tags must be closed in the order in which they were opened. For example:

This is really important!
HTML Editors
Now that we’ve gotten the basic theory out of the way. It’s time to learn how to build our first website.

First off, we must ensure that we have the right tools. Most important, we need an HTML editor.

There are many choices on the market. Here are a handful of the most popular:

Sublime Text 3
However, for this tutorial, we will use the Sublime Text 3 as it is free and also offers cross-platform support for Windows, Mac, and Linux users.

Sublime Text 3
Sublime Text 3 has a mini-preview window on the right.
Easily customizable
Pleasant color schemes to choose from.
Can’t print documents or code
No toolbar or dashboard available.
Notepad ++
Another common choice for HTML and other language coders is Notepad ++. It is a tiny program to download and perform the functions you need for writing clean code.

HTML Notepad ++
This is Notepad ++. Far from glamorous but does the job.
Distraction-free interface
Auto-completion feature
Plugin options for extended functionalities.
Can be difficult to get used to for beginners
No support for Mac.

Read more:

Basic Construction of an HTML Page
These tags should be placed underneath each other at the top of every HTML page that you create.

— This tag specifies the language you will write on the page. In this case, the language is HTML 5.

— This tag signals that from here on we are going to write in HTML code.

— This is where all the metadata for the page goes — stuff mostly meant for search engines and other computer programs.

— This is where the content of the page goes.

HTML Structure
This is how your average HTML page is structured visually.
Further Tags
Inside the tag, there is one tag that is always included: , but there are others that are just as important:</p> <p><title><br /> This is where we insert the page name as it will appear at the top of the browser window or tab.<br /> <meta><br /> This is where information about the document is stored: character encoding, name (page context), description.<br /> Let’s try out a basic <head> section:</p> <p><head><br /> <title>My First Webpage


Adding Content
Next, we will make tag.

The HTML is where we add the content which is designed for viewing by human eyes.

This includes text, images, tables, forms and everything else that we see on the internet each day.

How to Add HTML Headings To Your Web Page
In HTML, headings are written in the following elements:

Read more:

Categories: News