<![CDATA[HTML The Skeleton of a Website]]>https://html-the-skeleton-of-a-website.hashnode.devRSS for NodeTue, 08 Sep 2026 16:46:37 GMT60<![CDATA[HTML Explained: The Backbone of Website Design]]>https://html-the-skeleton-of-a-website.hashnode.dev/html-explained-the-backbone-of-website-designhttps://html-the-skeleton-of-a-website.hashnode.dev/html-explained-the-backbone-of-website-designThu, 23 Jan 2025 13:17:32 GMTWhat is HTML?

Hyper Text Markup Language or HTML is a markup language used to build the structure of a website. It includes various technologies, Tech Stack to build a website and HTML is the backbone to create a website. HTML is nothing but a document that maps links to external links. The front end of a website contains HTML, CSS, and JS. HTML for structure what content, headline, paragraph, and image will be visible. CSS is used for the website's look, such as the color of a section/text. and at the end, JS or Javascript is used for the logic of the website what should happen if you click a button, etc.

Let's understand HTML using a real-life analogy: think of the human body. Our bones provide structure, and without them, we wouldn't be able to stand; we'd just be a collection of muscles and a brain. Similarly, HTML provides the structure for a website.

HTML Tags

What are Tags?

Tags are used to define the structure of the website. by using this we can decide what is a section. and what is a header or footer. Tags come in pairs, an opening tag and a closing tag, Like this.

<p> </p>

Let’s see some examples of tags

HTML TagDescription
<p>Defines a paragraph
<h1> to <h6>Defines HTML headings
<img>Defines an image
<link>Defines the relationship between a document and an external resource (most used to link to style sheets)
<script>Defines a client-side script
<section>Defines a section in a document
<style>Defines style information for a document
<table>Defines a table
<title>Defines a title for the document
<hr>Defines a thematic change in the content

Types of Tags

There are 2 types of tags that help in defining the structure of a website i.e Semantic tags and Non-Semantic tags

Semantic Tag

Semantic tags in HTML are elements that provide meaning about the content they contain, making it easier for both browsers and developers to understand the structure and purpose of a webpage. These tags enhance the readability of the HTML code and also improve accessibility and search engine optimization (SEO).

<section>This is a semantic Tag</section>

Non-Semantic Tag

Non-semantic tags in HTML are elements that don't provide specific meaning about the content they contain. They are mainly used for layout and styling instead of describing the type of content inside them. This makes them flexible but less informative compared to semantic tags.

<p>This is a non-semantic tag.</p>

Hierarchy of an HTML Document

Example of a simple HTML document

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello World</title>
</head>

<body>
    <h1>Hello, World!</h1>
    <p>Welcome to my first HTML page.</p>
</body>

</html>

Thank you for reading

]]>