Follow The New Tutorial updates on WhatsApp, Telegram or YouTube.

Building blocks of HTML

An HTML document consists of its basic building blocks. The basic building blocks of an HTML document are tags, attributes and elements.

  • Tags: An HTML tag surrounds the content and apply meaning to it.
    • It act as a container for different types of contents.
    • It is written between < and > brackets.
    • Each tag has its own specific meaning, and the same applies to the content within it.
  • Attribute: An attribute in HTML provides extra information about the element, and it is applied within the start tag.
    • An HTML attribute contains two fields: name & value.
  • Elements: An element in an HTML document can be understood as an individual component of an HTML file.
    • In an HTML file, everything written within tags are termed as HTML elements.
    • In more simple words, the elements are everything written within tags, including the tags, attributes and the contents.
Building blocks of HTML
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>The basic building blocks of HTML</title>
</head>

<body>
    <h2>The building blocks</h2>
    <p>This is a paragraph tag</p>
    <p style="color: red">The style is attribute of paragraph tag</p>
    <span>The element contains tag, attribute and content</span>
</body>

</html>