on air

HTML Elements & Attributes.

back home » webtutorials » HTML Elements & Attributes.


In this tutorial you'll learn about the most used HTML elements and attributes, their construction and more...

HTML Elements.

HTML Elements are the constructors of an HTML document. The opening, and the closing tags are being classified as elements in HTML.

For example, an opening <body> tag is an element that ends with its closing </body> tag.

Whatever stands between the opening, and the closing tags are the contents of that element.

In other words, the Elements holding these contents are their parents, and the contents are the children.

Now, in the illustration below you can easily tell the <body> tags are the parents of both the <h1> and <p> tags.

The <h1> and the <p> tags are on the same level. However, the <h1> tag is the first child and the <p> tag the last child so are they Siblings, while their contents are their respective children.

See Illustration Below

Parent, Child and Siblings Concept

HTML Heading Tags.

The HTML Headings are defined with the <h1> to <h6> tags inside the <body> tags. And range from <h1> being the largest and the <h6> the smallest tag.


Check the code below, it shows you the exact ranging of the HTML heading element.

Don't forget to copy and experiment with it. You can also try to, and retype them into NOTEPAD on your own. However, we all know practicing makes man perfect so as I recommend you retype them.

See Illustration Below

<h1>My first heading</h1>
<h2>My first heading</h2>
<h3>My first heading</h3>
<h4>My first heading</h4>
<h5>My first heading</h5>
<h6>My first heading</h6>

HTML Paragraph Tags.

The next element is the <p> tag. It's for creating different paragraphs in your document also inside the <body> tags.

Now you'll write what you're seeing below into your editor and preview it in your choice of a browser as usual.

Please, this time, type it yourself. If you find any error previewing it, just go back to your editor, check the code, troubleshoot it with the one below and preview it again.

This is the only way you'll get familiar with HTML coding easily.

See our HTML Reference Page for more Elements.

See Illustration Below

<p>My first paragraph</p>
<p>My first paragraph</p>
<p>My first paragraph</p>

HTML Attributes

HTML Attributes are additional information that HTML Elements use to strengthen their capabilities of works.

Attributes are always placed in the opening tag just before the last angle bracket.

Most HTML Attributes are used in combination with CSS.

For Example, the class attribute sets up a "value" for an element so it can format content in its document using CSS definitions. Whereby the class Attribute will call the value from the CSS definition, to format the content of the element it contains like this:

See Illustration Below

<p class="value">Element content</p>.

Attributes are to reinforce an element to control their contents as wanted.

The value of an Attribute should always be wrapped in quotes like this: "value".

See our HTML Reference Page for more Attributes.

HTML Elements And Attributes.


Man will give you worldly powers, and make you feel on top of all, note this is temporally and could be redrawn at anytime sending you back to the ground floor of life. However, the Lord Almighty, the one and the only rightful ruler of the Universe, blesses everlastingly.


Knowledge is Power, but Power is not Knowledge. Wisdom is the truthful Power that identifies the Knowledge within the man. And only, I repeat 3x. Only the almighty God has the power to bless the man with his Wisdom forever.

To achieve the Lord's blessings, cease not praying daily, asking for his Wisdom, and you'll be blessed abundantly...


Spyera Phone

Spyera Phone version is software that you install on a smart phone to monitor everything happening on the phone. After installation, SPYERA secretly records events (sms, call history, phone book, location, emails, What's App messages, IM, Facebook Chat, Skype, See photos taken and many more...) that happen on the phone and delivers these information to a web account, where you can view these reports 24/7 from any Internet enabled computer or mobile phone. SPYERA also allows you to listen to the surroundings of the target mobile , listen to the phone conversation and to know the location of the device.

Please, Kindly Donate What You Can, Enabling Us Pay Hosting And Domain Costing, And Do More.

Please Donate