Basic HTML tutorial For Beginners

The Basic HTML tutorial provides you with the basic concept of HTML Programming Language. In this tutorial, we will learn all the basic stuff of HTML Coding. There are many elements that we must consider and include while starting to code in HTML. These HTML tags help in organizing the basic formatting of elements in our web pages. These step-by-step procedures will teach you through the process of writing your HTML Programming.

Basic HTML Document

The basic HTML tutorial document you have ever seen that there is a <DOCTYPE html> declaration in front of the <html> tag. HTML <!DOCTYPE> tag is used to tell the browser about the version of HTML that have used in HTML documents. This means the document type declaration (DTD).

Basically is not an element/tag, it is just an instruction to the browser about the document type. It is an empty element that does not contain the closing tag, and must not include any content within it.

Now let’s see an example of <!DOCTYPE> element.

<!DOCTYPE html>
<html>
<body>
<h1>This is My First Heading</h1>
<p>This is My first paragraph.</p>
</body>
</html>

HTML Headings

HTML heading tags can describe as the title of a webpage. When you put the text within the heading tag <h1>Hello World</h1>, it will be displayed on the browser in the largest format and size of the text that you entered between the heading tag.
There are six different HTML heading tags which are described with the to, from largest to lowest format. H1 is the highest tag and h6 lowest tag. So, h1 is used for the most powerful heading, and h6 is used for the least prime.

<html> 
<head> 
    <title>Soft CodeON</title> 
</head> 
<body> 
    <h1>Welcome to  Soft CodeON</h1> 
    <h2>Welcome to Soft CodeON</h2> 
    <h3>Welcome to Soft CodeON</h3> 
    <h4>Welcome to Soft CodeON</h4> 
    <h5>Welcome to Soft CodeON</h5> 
    <h6>Welcome to Soft CodeON</h6> 
</body> 
</html> 

HTML Paragraph

This tag will help you to write paragraph statements on a webpage. It starts with the <p> tag and ends with </p>. Let’s take an example to see how it work. A <p> tag indicates the start of a new paragraph.

<html> 
<head> 
    <title>Soft CodeON</title> 
</head> 
<body> 
    <p> 
 "A language that doesn't affect the way you think about programming is not worth knowing." <br>
       Alan J. Perlis.
    </p>  
</body> 
</html> 

HTML Images

The HTML <img> tag is used to show the image on a web page. HTML <img> tag is a null tag that contains attributes only, closing tags are not used in the HTML image element.
Let’s see an example of an HTML image.

<html> 
<head> 
    <title>Soft CodeON</title> 
</head> 
<body> 
    <img src="https://softcodeon.com/wp-content/uploads/2020/02/html-1-2-1-1.png"> 
</body> 
</html> 

1 thought on “Basic HTML tutorial For Beginners”

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top