Web pages are created using a markup language called HTML. The acronym HTML stands for Hypertext Markup Language. A hypertext link is a link between two web pages. The text document within the tag that defines the structure of web pages is defined using a markup language. This language is used to annotate (add notes to) material so that a computer can comprehend it and modify the content as necessary.

Most markup languages, like HTML, can be read by people. The foundation of HTML pages are HTML components. Images and other objects, like interactive forms, may be embedded within the produced page using HTML techniques. By indicating structural semantics for text elements like headings, paragraphs, lists, links, quotations, and other objects, HTML offers a way to generate structured texts.

By the end of this article, you’ll be familiar with the fundamentals of HTML, the structure of an HTML element, and a few HTML tags.

The Basics of HTML

Among other options, HTML content may be organized using paragraphs, bulleted lists, graphics, and data tables.

HTML is a markup language that specifies how your material is organized. HTML is made up of a number of elements that you can employ to enclose or wrap certain parts of the content to alter how it appears or behaves. The enclosing tags can italicize words, make the font bigger or smaller, hyperlink a word or image to another location, and more.

Consider the following line of material as an illustration:

• “I am very smart”

The line might be written inside of paragraph tags if we want it to stand alone:

<p>I am very smart</p>

Properties of Attribute-HTML Tags

HTML elements have attributes, which are extra values that customize the components or modify their behavior in different ways to enhance the user experience.

The following should always be present in an attribute:

• A space before the element name (or the previous attribute, if the element already has one or more attributes).
• The name of the characteristic, followed by an equal sign.
• The attribute value enclosed in quotation marks, both first and last.

Please note that the "id" attribute is a unique identifier in this case, whereas the class attribute, for example, is not.

Anatomy of an HTML Element

All web pages are constructed using the fundamental building blocks of HTML, which include the doctype declaration, HTML, head, title, and body elements.

The document type declaration appears here (and is not technically a tag). This document is identified as an HTML document. There is no case distinction in the doctype statement.

Sometimes referred to as the root element, the element encloses all of the page's content.

The element serves as a container for whatever you wish to include on the HTML page, but don’t want to be visible to users. This comprises elements like character set declarations, keywords, and a page description that you want to show up in search results.

The <title> element determines the title of your page, which is displayed in the browser tab when the page is loaded. It also describes a page when you bookmark or favorite it.

As shown above, the tag includes all of the material that you wish to display to website visitors when they visit your page. This includes text, images, videos, games, playable audio tracks, and other media. To understand this better, click here.

HTML Tags

A tag is used to create an element in HTML. Browsers employ the HTML tags to decipher the page's content rather than displaying the tags.

HTML Headings

These tags help us to give headings to the content of a webpage. These tags are mainly written inside the body tag. HTML provides us with six heading tags from

to

. Every tag displays the heading in a different style and font size:

<h1>Godwin Chinda</h1>
  <h2>Description</h2>
  <h3>Skin Colour</h3>

HTML Paragraphs

We can write paragraphs on a webpage with the aid of these tags. They begin with a

tag and terminate with a

<p>Godwin Chinda is a Frontend developer.</p>
  <p>From March, he started developing.</p>

HTML Horizontal Line

A horizontal line extending from the left to right side of the page is used to create horizontal margins by using the

HTML Images

An image can be added to our website using the tag. The tag contains the source of the image that is to be inserted.

There are two formats for inserting an image into the image tag:

• If the image is in the same folder, the path only has to include the image's name and format.
• The path, name, and format of the image must all be specified if the image is located in another folder.

Limitations of HTML

HTML's main drawback is that HTML tags don't explain the significance of the material contained in an HTML text. The layout and instructions for how a browser should render the data contained in these tags are specified by a fixed, preset tag set used by HTML. However, the tags do not transmit the semantics or meaning of the material they contain.

• Dynamic content creation is not possible.
• Its capacity for design is constrained.
• It does not detect or show syntax mistakes.
• No calculations of any kind may be made in it.
• It cannot be used to construct interactive websites.
• The complexity of its code makes it challenging to read and comprehend.

Semantic Elements

When discussing a piece of code in programming, the term "semantics" is used to describe its meaning. For instance, "What effect does running that line of JavaScript have?" or "What purpose or role does that HTML element have?"

Let's take a look at some semantic elements below:

The HTML element known as

<article class="Weather forecast"><h1>Weather forecast for New York</h1><h2>14 July 2022</h2><p>Rain.</p></article>