Learn HTML – Part 1 – html Tag Explained (Beginner Guide)

Learn HTML – Part 1 – html Tag – The Root of Every Web Page

The HTML html tag is the root element of every web page. All other HTML elements must be placed inside this tag.

Without the html tag, a webpage cannot be properly structured.


What is the html Tag?

The html tag represents the entire HTML document. It tells the browser that the document is written in HTML.

Every webpage begins with this tag and ends with its closing tag.


Basic Structure of an HTML Document

<!DOCTYPE html>
<html>
   <head>
      <title>My First Web Page</title>
   </head>
   <body>
      <h1>Hello World</h1>
   </body>
</html>

In this structure:

  • <!DOCTYPE html> defines the document type.
  • <html> is the root element.
  • <head> contains meta information.
  • <body> contains visible content.

Opening and Closing Tag

Like most HTML elements, the html tag has:

  • An opening tag: <html>
  • A closing tag: </html>

Everything inside the page must be written between these two tags.


Adding Language Attribute

The html tag usually includes the lang attribute to define the language of the page.

<html lang="en">

This helps search engines and screen readers understand the content language.


Why is the html Tag Important?

  • It defines the root of the webpage
  • It contains all other HTML elements
  • It helps browsers render the page correctly
  • It improves accessibility with the lang attribute

Every HTML document must have exactly one html tag.


Quick Summary

Featurehtml Tag
TypeRoot Element
Containshead and body elements
Required?Yes
Common Attributelang

Conclusion

The HTML html tag is the foundation of every webpage. It wraps the entire document and ensures that the browser understands the content correctly.

What’s Next?

Now that you understand the html tag, the next step is learning about the head tag, which contains important metadata and instructions for the browser.

Next: Learn HTML – Part 2 – head Tag – Defining Metadata →


Series: Learn HTML Series

Facebook
WhatsApp
Twitter
LinkedIn
Pinterest

Leave a Comment

Your email address will not be published. Required fields are marked *

Related Articles from the Series

learn-html-part-63-complete-html-project-thumbnail
Learn HTML – Part 63 – Complete HTML Project (Build a Web Page)
Learn HTML – Part 63 – Complete HTML Project In this final lesson, we will build a complete HTML webpage...
learn-html-part-62-time-tag-date-time-thumbnail
Learn HTML – Part 62 – time Tag – Date & Time
Learn HTML – Part 62 – time Tag – Date & Time The HTML time tag is used to represent dates and times...
learn-html-part-61-mark-tag-highlight-text-thumbnail
Learn HTML – Part 61 – mark Tag – Highlight Text
Learn HTML – Part 61 – mark Tag – Highlight Text The HTML mark tag is used to highlight text that is...
learn-html-part-60-figcaption-tag-figure-caption-thumbnail
Learn HTML – Part 60 – figcaption Tag – Figure Caption
Learn HTML – Part 60 – figcaption Tag – Figure Caption The HTML figcaption tag is used to define a caption...
learn-html-part-59-figure-tag-media-content-thumbnail
Learn HTML – Part 59 – figure Tag – Media Content
Learn HTML – Part 59 – figure Tag – Media Content The HTML figure tag is used to group media content...
learn-html-part-58-track-tag-video-subtitles-thumbnail
Learn HTML – Part 58 – track Tag – Video Subtitles
Learn HTML – Part 58 – track Tag – Video Subtitles The HTML track tag is used to add subtitles, captions,...
learn-html-part-57-source-tag-media-sources-thumbnail
Learn HTML – Part 57 – source Tag – Media Sources
Learn HTML – Part 57 – source Tag – Media Sources The HTML source tag is used to define multiple media...
learn-html-part-56-picture-tag-responsive-images-thumbnail
Learn HTML – Part 56 – picture Tag – Responsive Images
Learn HTML – Part 56 – picture Tag – Responsive Images The HTML picture tag is used to display responsive...
learn-html-part-55-dialog-tag-modal-dialog-thumbnail
Learn HTML – Part 55 – dialog Tag – Modal Dialog
Learn HTML – Part 55 – dialog Tag – Modal Dialog The HTML dialog tag is used to create modal or popup...
learn-html-part-54-summary-tag-details-caption-thumbnail
Learn HTML – Part 54 – summary Tag – Details Caption
Learn HTML – Part 54 – summary Tag – Details Caption The HTML summary tag is used to define a visible...
Scroll to Top