top of page
  • Writer's picturedolphinnyo

How To Learn HTML

Updated: Nov 28, 2022

how to learn htlm  cover image
how to learn html

If you want to learn HTML and are confused about How To Learn HTML, relax; there are a few things you can do to get started. First, you can find a good tutorial or course online. Many websites offer free tutorials that can teach you the basics of HTML. Once you have a basic understanding of HTML, you can start practicing by coding your web pages. You can also find a lot of resources and help online if you get stuck. Finally, keep practicing and expanding your skills by trying new things. With a little effort, and by the end of this article you will find the answer to How To Learn HTML For Free and start creating your websites.

Table Of Content

  • What is HTML? Learn the basics of HTML.

  • How to create a basic webpage?

  • What is HTML Elements? /What is HTML Tags?

  • What is HTML Attributes?

  • What are the text and paragraph formatting tags of HTML?

  • How To Learn HTML For Free?

What is HTML? Learn the basics of HTML.

html written image
what is HTML

HTML is the code that helps us create websites. It stands for Hyper Text Markup Language. Websites are made up of a series of code that tells a computer how to display text, images, and other content on a page. HTML is the code that tells a web browser how to display a web page.

HTML is made up of a series of elements. These elements are the building blocks of a web page. HTML elements tell a web browser how to display the content on a page. To write the HTML code we need an editor where we can write the code there are many text editors available but we recommend using the basic text editor (notepad) for beginners.

We will learn more about HTML in the next discussion of creating a basic webpage using the notepad editor where we write our HTML code.

How to create a basic webpage?

In this topic, we will discuss creating a basic webpage.

To create a basic webpage, you will need a text editor, for example, a notepad can use to write the HTML code to create a basic webpage. So to open the notepad editor just press the win+r button from the keyboard and type notepad and then simply press the Enter key.

Once you are in the text editor, type the following code and save this code by .html extension:

html sample code
HTML code

Now your basic webpage is ready. To see the webpage which you created using this sample Html code just go to the folder where you saved your Html code just find your file and open the file which you saved by .html extension your web page will open in your default browser.

In this sample HTML code, you can see the different types of elements which can be called HTML tags the tag which is used in this example is basic HTML tags, let's talk about the tags used in this sample HTML code.

<html>: This element is the root element of an HTML page from this tag we start writing HTML code.

<head>: The head tag is the second element or tag used in this example. Basically <head> tag contains the meta-information about the HTML page.

<title>: The <title> tag specifies the title of the HTML page which is shown in the browser's title bar.

<body>: The <body> tag contains the visible contents of Webpage such as headings, paragraphs,

images, hyperlinks, tables, lists, etc.

<h1>: The <h1> tag is the heading tag used to give the head to the webpage.

<p>: The<p> tag is a paragraph tag used to write content or paragraph on a page.

What is HTML Elements?/What is HTML Tags?

In the previous topic, we have already learned about some of the tags such as <html>, <head>, <title>, <body>, <h1>, and <p>.

There are a few different types of HTML tags that are used to create a webpage. Here is a list of the different tags and what they do:


Headings are defined with the <h1> to <h6> tags. and to close the tag it is written </h1> we just use a slash sign to close the tag.

There are 6 headings defined in the HTML which are:

<h1>, <h2>, <h3>, <h4>, <h5>, <h6>.

<h1>: This tag is used to create the most important heading. The text inside the <h1> tag will be the title of your website.

<h6>: This tag defines the least important heading of the webpage.


<p>: We have already talked about this tag in previous topics This tag is used to create a paragraph. The text inside the <p> tag will be the body of the webpage where you can write a paragraph by using this tag. this tag also close by </p> slash .


<a>: This tag is called an anchor tag and is used to create a link. When you create a link using the <a> tag, the text that you type in the <a> tag will be the URL.

What is HTML Attributes?

Now we will discuss the different types of attributes used in HTML. Attributes provide additional information about tags.

Attributes are always specified in the start tag and usually comes in name-value pairs like name="value".

There are different types of attributes are used in HTML code. not all attribute but some of them are going to discuss:

  • href attribute: this attribute is used under the anchor tag to add hyperlinks to a webpage it is written as

<a href="link">content name</a>

  • The src attribute: <img> tag is used to embed an image in the web page. The src attribute specified the path to the image to be displayed. we can specify the height and width of the image using the width and height in <img> tag. HTML code is written as:

<img src="image address"> .

  • The alt attribute: The alt attribute specifies the alternative text for an image if for some reason the image is not able to display. written as:

<img src="address" alt="image name">

  • The lang attribute: We should always include lang inside <html> tag to declare the language of the webpage. This is meant to assist search engines and browsers. This is written as:

<html lang="en">

  • The style attribute: It is used to add style to an element such as color, font, size and more. The style attribute is written as in paragraph tag: <p style="color:red;"></p>

What are the text and paragraph formatting tags of HTML?

  • <abbr>…</abbr>

<abbr title="United Nations">UN</abbr>

  • <acronym>…</acronym>

<acronym title="World Wide Web">WWW</acronym>

  • The <center> Tag (<center>…</center>)

<center>… </center> tags are used to center everything found between them- text,

lists, images, rules, tables or any other page element.

<center>I am centered!</center>


The basic syntax of <font>

<font color="color value" size="size value from 1-7" face="list of font faces">

styled text here


Given this syntax using <font>, you can set the color attribute equal to a valid color

name such as "red" or an equivalent hex value such as #FF0000 to color text.

e.g. <p><font color="red">This is red.</font> This is not.</p>

How To Learn HTML For Free?

html image with laptop
How to learn html for free

Generally, people want to learn but they are confused about how to learn HTML coding so we are done researching the topic they are searching on the web that how to learn HTML for beginners.

There are a number of ways to learn HTML for free. One way is to find a good tutorial online and work through it at your own pace. Another way is to join an online community of developers and learn from others who are more experienced.

A great way to learn HTML is to find a good tutorial online and work through it at your own pace. You can find plenty of free tutorials by searching on Google. Once you find a tutorial you like, work through it and try to understand everything that is being taught.

Another great way to learn HTML is to join an online community of developers. There are many forums and mailing lists where you can ask questions and get help from more experienced developers. This is a great way to learn as you can get feedback and help from others who are going through the same thing as you.

There are different websites available on the web from where you can learn HTML for free some of the popular sites to learn coding listed below with their link by clicking on that link you can directly visit these websites:

The W3school is a website that provides free programming courses so from this website you can learn HTML code easily. this website will help you to learn coding online for free. This is one of the best website to learn coding. image


The java point website also provides free courses so this is also a good platform to learn HTML point also provides you a platform where you can learn coding online. This website will solve your question that how to learn programming online.

javapoint image

code academy

The java point website also provides free courses so this is also a good platform to learn HTML code.

you can learn coding from code academy. code academy is site to learn coding for free. image
code academy

bottom of page