Basic HTML Tags, Font and Heading

Post author:Akash Jha
Post published:August 11, 2020

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>

<head>

<title>Akash Jha </title>

</head>

<h1> Types Of Fonts</h1>

</center>

<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>

<h1>Types Of Heading </h1>

</center>

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

<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>

<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>

</body>

</html>