Explain the Structure of HTML Document With Examples


The Full form of HTML is HyperText Markup Language. It is a popular computer language which is used to create and develop more attractive webpages and applications with the help of CSS {Cascading Style Sheet}

It is not a programming language and does not use programming concepts like variables and constraints.

Therefore need another programming language to create more advanced dynamic web pages and applications.

HTML is considered to be a front end language.

Numerous HTML frameworks are popular these days, which are extremely easy to use and implement, like bootstrap and foundation.

The structure of HTML documents is very simple to learn and execute; therefore, it has been ruling the software industry for decades.

What is an HTML Document?

HTML stands for HyperText Markup Language. HTML is a computer language used and utilized to create and develop web pages that can be accessed online. 

Furthermore, these HTML pages can be designed more attractively using CSS {Cascading Style Sheet}. HTML is considered to be one of the simplest languages around. HTML is a clean and easy to learn and implement language, therefore predominantly used globally.

Programming languages like PHP, JAVA, and Python are used with HTML to create dynamic web pages.

HTML code is simple to understand and therefore requires less time to learn.

Tim Berners-Lee developed HTML in 1980.

HTML is a platform-independent language and can use on windows, Linux, and Mac.

  • HTML is a language that uses text, images etc., to create web pages that can be viewed on any browser.
  • Modern and dynamic websites can be created with the help of HTML.
  • HTML is a very popular language.
  • HTML files extensions are .html and .htm.

How to Use HTML?

With HTML language, modern, dynamic and attractive websites can be developed using CSS. HTML can be written using modern editors like Dreamweaver, Sublime Text, VS Code, Notepad, and Notepad ++.

This HTML code can be viewed or displayed on any browser like Mozilla, Chrome, Safari, Internet Explorer, etc.

HTML codes are small series of tags, elements and attributes which are very light weighted and therefore, the webpages developed with the help of HTML can be accessed with great speed.

Explain the Structure of HTML Document with Examples

<html>

 <head>

 <title>Title of Your Web Page</title>

 </head>

 <body>

 Content of Webpages.

 </body>

 </html>

Basic Structure of HTML Document With Image

Explain the Structure of HTML Document
Basic Structure of HTML Document

Main Element of HTML Document

  • <head>
  •  <title>
  •  <html>
  •  <body>
  •  <h1>
  •  <p>
  •  <br>

Three Main Parts of an HTML Documents

 The basic HTML document is divided or categorized into three main parts 
  • DOCTYPE 
  • Elements | Tags
  • Attributes | Comments | Frames
DOCTYPE

DOCTYPE is primarily used to let the browser know which HTML version the document is using. DOCTYPE must be the first tag before using any HTML tags and attributes.

Although mentioning DOCTYPE in an HTML document is not mandatory.

This DOCTYPE provides instructions to web browsers, which are written inside an HTML document for proper rendering.

This allows Outdated browsers do not allow and support new HTML versions; therefore, it is very important to mention the version of HTML you are using on your HTML page.

<!DOCTYPE html> is syntax that can be used inside the HTML document.

Elements and Attributes

HTML element is a component of HTML document. HTML elements are used in HTML documents for semantics and formatting.

Every HTML document is created and arranged using HTML elements. These elements usually start with the opening tag and end with the closing tag.

For Example 

Starting Tag <Tag Name> and Ending Tag </Tag Name>.

There are two types of Elements they are as follows.

  • Block Level Elements.
  • Inline Level Elements.
Tags 

There are numerous elements used and utilized in HTML Pages specially designed and developed to achieve the desired result.

As the internet is continuously developing phase, new elements and tags are required to fulfill the needs.

HTML tags lay basic to advance foundation for HTML documents.

HTML tags are written using angular brackets <> the special words used in HTML are surrounded with these braces for better understanding.

Some of Tags Examples
  • <!DOCTYPE> 
  • <html> 
  • <head>
  • <body>
  • <title>
Attributes | Comments | Frames

To create HTML webpages, we need to use HTML tags and elements. For example, <a> is a tag, whereas href is an attribute.

For Example.

<a href=”” title=”” >Click Here</a>

HTML Attributes are classified into 4 different types 
  • Required Attributes
  • Optional Attributes
  • Standard Attributes
  • Event Attributes

Versions of HTML

#HTML VersionRelease Date
1HTML 1.01993
2HTML 21995
3HTML 3.21997
4HTML 4.011999
5HTML52014

Basic HTML Code

<!DOCTYPE html>

 <html>

 <head>

 <title>Sample HTML Code</title>

 </head>

 <body>

 <h1>My First Heading</h1>

 <p>My first paragraph.</p>

 </body>

 </html>

Pros and Cons of HTML Language | Advantages and Disadvantages of HTML

Sr.NoPros of HTMLCons of HTML
1It is an open source language.HTML has numerous limitations.
2It can built static websites.To built dynamic websites and applications back end languages are required like PHP and JAVA.
3HTML is easy to use and learn.HTML has vulnerabilities.
4for creating attractive websites HTML alone can not utilized.HTML needs CSS for further enhancement of webpages.
5HTML is light weighted.Lots of code make them difficuilt to read.

Uses of HTML Language

  • HTML is used to create static and dynamic web pages with the help of a programming language.
  • HTML code can be written using a text editor like Notepad, WordPad, or Sublime Text and VS Code editors.
  • To view any HTML code’s output, browsers are used like Google Chrome, Safari, Internet Explorer, Firefox, etc.
  • HTML codes are very small and smaller; therefore, they can execute faster processing and are used and utilized extensively in modern applications.

Advantages of HTML

  • HTML is simple to learn and implement.
  • Modern browsers support HTML.
  • HTML pages can be accessed from anywhere.
  • HTML syntax is easily understood.
  • HTML webpages do not require any special software it can be run and executed using any browser.
  • No specific software or application is needed to write HTML code. It can be written in Notepad, WordPad, Notepad++, Sublime Text, VS Code, Dreamweaver, etc.
  • Because HTML is a language that is easy to read, it makes SEO simple to use and implement than any other language because search engines explain HTML with ease and with clarity.

Disadvantages of HTML

  • HTML displays video and audio in limited amounts.
  • HTML has vulnerabilities and is hence prone to hacking and cracking.
  • To create dynamic webpages, we need to use other programming languages like PHP, JAVA, PYTHON, and. NET.
  • Long codes are required to create a simple website.
  • Compatibility issues are found occasionally.
People Are Also Reading

Frequently Asked Questions [FAQs]

Who Wrote HTML?

The first version of HTML was written by Tim Berners-Lee in 1993.

Where Is HTML Used?

HTML language is used in creating web pages for web applications.

What is HTML and its Types?

There are three categories of HTML: transitional, strict, and frameset.

HTML is What Type of Language?

HyperText Markup Language (HTML) is the basic scripting language used by web browsers to render pages on the internet.

Why is HTML not a language?

HTML is not a programming language because you can’t create dynamic websites using logic.

Get In Touch

I have also written and compiled some articles on computers and telecommunications, and please go through them.

I hope you will like reading it.

I hope that all the questions and queries related to Basic Structure of HTML Document with Examples, uses and history using pictures have been answered here in easy language.

Don’t hesitate to get in touch with me, and if you need to add, remove or update anything from the article, please let me know in the comment section or via email.

I will be more than happy to update the article. I am always ready to correct myself.

Please share this article with your friends and colleagues; this motivates me to write more related topics.

!!! Thank You !!!


21 thoughts on “Explain the Structure of HTML Document With Examples”

  1. I need to to thank you for this great read!! I certainly loved every bit of it. I have got you book-marked to look at new things you postÖ

    Reply
  2. You’re so cool! I do not believe I’ve read something like this
    before. So nice to find another person with a few original thoughts
    on this subject matter. Really.. thank you for starting this up.
    This website is one thing that is needed on the
    internet, someone with a bit of originality!

    Reply
  3. You’re so cool! I do not believe I’ve truly read anything
    like that before. So great to discover someone with a few unique thoughts
    on this issue. Really.. thank you for starting this up.
    This web site is something that’s needed on the internet, someone with a
    bit of originality!

    Reply
  4. Wonderful work! This is the type of info that should be shared around the net. Shame on the search engines for not positioning this post higher! Come on over and visit my site . Thanks =)

    Reply
  5. Simply wish to say your article is as astonishing. The clearness in your post is just great and i could assume you’re an expert on this subject. Fine with your permission allow me to grab your feed to keep updated with forthcoming post. Thanks a million and please keep up the enjoyable work.

    Reply
  6. But a smiling visitor here to share the love (:, btw outstanding pattern. “Individuals may form communities, but it is institutions alone that can create a nation.” by Benjamin Disraeli.

    Reply
  7. You actually make it seem so easy with your presentation but I
    find this topic to be actually something that I think I would never understand.
    It seems too complex and extremely broad for me. I am looking forward for your next post, I’ll try to get the
    hang of it!

    Reply
  8. I think this is among the most significant info
    for me. And i am glad reading your article. But wanna remark
    on few general things, The site style is ideal, the articles is really excellent : D.
    Good job, cheers

    Reply
  9. I like the helpful info you provide in your articles.

    I will bookmark your blog and check again here regularly.
    I’m quite certain I will learn many new stuff right
    here! Good luck for the next!

    Reply
  10. Hi there, every time i used to check blog
    posts here in the early hours in the morning, as i like to
    find out more and more.

    Reply
  11. I’ve been surfing online more than 3 hours today, yet I never
    found any interesting article like yours. It’s pretty
    worth enough for me. In my opinion, if all website owners and bloggers made good content as
    you did, the internet will be a lot more useful than ever
    before.

    Reply
  12. Hello There. I found your blog using msn. This is an extremely well written article.

    I’ll make sure to bookmark it and come back to
    read more of your useful info. Thanks for the post. I will certainly comeback.

    Reply
  13. I will immediately take hold of your rss as
    I can not find your email subscription link or newsletter service.
    Do you have any? Kindly permit me understand in order that I may just
    subscribe. Thanks.

    Reply
  14. Thanks for ones marvelous posting! I definitely enjoyed reading it, you can be a great author.I
    will ensure that I bookmark your blog and may come back
    in the future. I want to encourage you continue your great posts,
    have a nice morning!

    Reply
  15. It’s difficult to find knowledgeable people for this subject,
    however, you sound like you know what you’re talking about!
    Thanks

    Reply

Leave a Comment