Basic HTML Tags, Font and Heading

  • Post author:

Basic HTML Tags, Font and Heading, This post will help you to learn the fundamentals of html.

Hyper Text Markup Language is a set of logical codes (markup) in parentheses that constitute the appearance of a web document and the information it contains.

It is a language for creating static web pages. It specifies how the contents are to be presented on the web page.

HTML is not a case sensitive language so; HTML and html both are same.

HTML is a text document with formatting codes and this document has the suffix “.html” or “.htm”.

The <font> tag defines the font characteristics. Size, color and typeface are defined by the size, color and face attributes.

The <font> tag comes in pairs. The content is written between the opening (<font>) and closing (</font>) tags.

The <p> tag defines a paragraph of text. It is a block-level element and always starts on a new line.
Before and after each paragraph, browsers add margin automatically.

The <p> tag comes in pairs. The content is written between the opening (<p>) and closing (</p>) tags.

There are 6 levels of headings in HTML: <h1>, <h2>, <h3>, <h4>, <h5>, and <h6>.

The <h1> – <h6> tags are used to mark headings according to their importance.
The <h1> tag stands for the most important heading of the web page and the <h6> stands for the least important and smallest one.

Source Code: HTML

<!DOCTYPE html>

<html lang=”en”>


                <meta charset=”UTF-8″>

                <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

                <title>Akash Jha </title>


<link href=””>

<link href=””>

<body style=”background-color: brown;”>


                                <h1> Types Of Fonts</h1>


                <h2 style=”font-family: ‘Baloo Paaji 2’, cursive; color:orangered;”>Baloo Paaji 2: Akash Jha</h2>

                <h2 style= “font-family: ‘Crimson Text’, serif; color:yellow;”> Crimson Text: Akash Jha</h2>

                <h1 style= “font-family: cursive; color: green;”>Cursive: Akash Jha</h1>

                <h1 style=”font-family: monospace; color: indigo;”>Monospace: Akash Jha </h1>

                <hr color=”black”>


                                <h1>Types Of Heading </h1>


                <h2 style=”font-family: monospace; color: indigo;”> Name: Akash Jha </h2>

                <h3 style= “font-family: cursive; color: green;”> <i> TE E&TC B </i>  </h3>

                <h3 style= “font-family: ‘Crimson Text’, serif; color:yellow;”> <i>Roll No. 16</i></h3>

                <h4 style=”font-family: ‘Baloo Paaji 2’, cursive; color:orangered;”> Sem 3 Pointer: <del>10</del> <ins>6</ins></h4>

                <h5> Sem 4 Pointer: <del>10</del> <ins>7</ins> </h4>

                <h6 style=”font-family: ‘Times New Roman’, Times, serif; color: teal;”> Sem 5 Pointer: <del>10</del> <ins>8</ins> </h4>

                <hr color=”black”>

 <p> <strong> Conclusion </strong> </p>

 <p> <strong> In this first practical we learnt about basics of HTML and creating static web pages using basic HTML tags like the heading tag h1 to h6, background-color, font, center, italic tag, etc. We used Visual Studio Code as text editor to perform the experiment. </strong> </p>




How to choose programming language

Follow Me On Instagram : the_aakash_sky

Also Read: How to Write Abstract in Research Paper

Read Our Technical Research Papers Click Me

Do Read: Ghost Particles



We hope you liked the content of our page Read EveryDay Blogs at dailyblogday India’s Blogging Site

This Post Has One Comment

Leave a Reply