December 5, 2021

Setup USA

Setup USA Blog

Save Your Money by Learning the Basics of HTML Codes

Website HTML Code

HTML code is also known as HyperText Markup Language is the code that is used to build any web page and also used to structure its content. For example, the content might be structured within an inventory of bulleted points, a group of paragraphs, or using tables and images. Because the title suggests, you’ll economize by learning the fundamentals of HTML because this text will offer you a basic understanding of HTML code and its functions:

Basic HTML Document:

Below we have mentioned some essential and basic HTML tags which divide the entire document into various parts like head, body, and paragraph, etc. Learn these basics or get all the HTML-related tasks done by professionals at YourDigiLab.

 Every HTML document starts with an HTML document tag such as <html> this tag is used before starting any document. Although this is often not mandatory, it’s an honest convention to start the document with this below-mentioned tag: 

●     HTML Headings:

These tags help us to offer headings to the content of a webpage. These tags are primarily written inside the body tag. HTML tag provides us with six heading tags from <h1> to <h6> and every tag presents the heading in a different font style and size.

Example: 

<html>

<head>

           <title>Geeks</title>

</head>

<body>

           <h1>Hello Geeks</h1>

           <h2>Hello Geeks</h2>

           <h3>Hello Geeks</h3>

</body>

</html>

OUTPUT:

Hello Greeks

Hello Greeks

Hello Greeks

●     HTML Paragraph:

These tags help us to write down paragraph statements on a webpage. They begin with the tag and end with. Here the tag is employed to interrupt the line and acts as a printing operation. It is an empty tag.

Example: 

<html>

<head>

           <title>Geeks</title>

</head>

<body>

           <h1>Hello Geeks</h1>

<p>

           A Computer Science portal for geeks<br>

           A Computer Science portal for geeks<br>

           </p>

</body>

</html>

Output:

Hello Geeks

A Computer Science portal for geeks

A Computer Science portal for geeks

●     HTML Horizontal Lines:

The tag is employed to interrupt the page into various parts, creating horizontal margins with help of a horizontal line running from the left to right side of the page. This is sometimes an empty tag and doesn’t take any further statements.

Example:

<html>

<head>

           <title>Geeks</title>

</head>

<body>

           <h1>Hello Geeks</h1>

<p>

           A Computer Science portal for geeks<br>

           </p>

           <hr>

<p>

           A Computer Science portal for geeks<br>

           </p>

           <hr>

</body>

</html>

Output:

Hello Geeks

A Computer Science portal for geeks

A Computer Science portal for geeks

●     HTML Images:

The HTML image tag is used to embed or insert an image into our web page. The source of the image to be embedded is put inside the <img src=”source_of_image“> tag.

Example:

<html>

<head>

           <title>Geeks</title>

</head>

<body>

           <img src=”HTTPS:// paste the link of source of image “>

</body>

</html>

OUTPUT: 

After pasting the source of the image, you can see the preview of the HTML image.

●     Supported Browsers: 

Following browsers can supported HTML:

▪ Google Chrome

▪ Internet Explorer

▪ Firefox

▪ Opera

▪ Safari

Conclusion:

There also are various other tags in HTML to insert links, audios, and various other formatting tags. 

HTML is the first step to build the foundation of websites employed for webpage development by creating and structuring websites and web apps. You’ll learn HTML from the bottom up by following this HTML Tutorial and HTML Examples.