HTML Building Blocks

by Online Tutorials Library July 14, 2014

Building blocks of HTML

An HTML document consist of its basic building blocks which are:

Tags: An HTML tag surrounds the content and apply meaning to it. It is written between < and > brackets.
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.

Syntax

Elements: An HTML element is an individual component of an HTML file. In an HTML file, everything written within tags are termed as HTML elements.

HTML Building blocks

Example:

  <!DOCTYPE html>  <html>    <head>  <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>  

Test it Now

Output:

The basic building blocks of HTML

The building blocks

This is a paragraph tag

The style is attribute of paragraph tag

The element contains tag, attribute and content

Next TopicHTML Tags

HTML Building Blocks

Building blocks of HTML

Syntax

Example:

The building blocks

HTML aside tag

HTML Form Input Types

You may also like