<p><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/512px-HTML5_logo_and_wordmark.svg.png?20170517184425" alt="File:HTML5 logo and wordmark.svg" class="image--center mx-auto" /></p>
<h1 id="heading-html-for-beginners-building-the-skeleton-of-a-webpage"><em>HTML for Beginners : Building the Skeleton of a Webpage</em></h1>
<p>HTML stands for Hyper Text Markup Language.</p>
<p>HTML is a building block of any website. HTML is like the basic building block or skeleton of webpage just like car as you all see in the below given figure .</p>
<p><img src="https://1.bp.blogspot.com/-9qomMZtn0dI/Xt5LY5rkW4I/AAAAAAAACbc/FIFTK6de4YEKdsvX6_9cEUTg9U4aHoEegCK4BGAsYHg/s1200/The%2Brelation%2Bbetween%2BHTML%2BCSS%2Band%2BJavaScript%2B5.png" alt /></p>
<h2 id="heading-sementic-elements-in-html"><em>SEMENTIC ELEMENTS IN HTML</em></h2>
<p><img src="https://brucelawson.github.io/talks/2014/parisweb/pictures/html5-structure.gif" alt /></p>
<h2 id="heading-sementic-and-non-sementic"><em>SEMENTIC AND NON SEMENTIC</em></h2>
<p><img src="https://codingbeast.org/wp-content/uploads/2023/05/semantic-vs-non-semantic-html.jpg" alt class="image--center mx-auto" /></p>
<h2 id="heading-html-headings">HTML HEADINGS</h2>
<ul>
<li><p>HTML consist of 6 tags of headings which are in descending order.</p>
</li>
<li><p>&lt;H1&gt; and &lt;H6&gt;.</p>
</li>
<li><p>&lt;H1&gt; is main heading tag used for the main title of a page.</p>
</li>
<li><p>&lt;H6&gt; is least important heading tag in all tags.</p>
</li>
</ul>
<h2 id="heading-understanding-html-tags-and-elements"><em>Understanding HTML Tags and Elements</em></h2>
<p><img src="https://www.sightairedale.org.uk/wp-content/uploads/2021/07/headings.006.jpeg" alt /></p>
<h2 id="heading-html-tags">HTML TAGS</h2>
<ul>
<li><p>Tags are which that contain both opening and closing tags.</p>
</li>
<li><p>Like &lt;a&gt; tag for link.</p>
</li>
<li><p>&lt;p&gt;tag for paragraph.</p>
</li>
<li><p>&lt;h&gt;tag for heading.</p>
</li>
</ul>
<p><img src="https://image1.slideserve.com/2375258/list-of-tags-l.jpg" alt /></p>
<h2 id="heading-html-element">HTML ELEMENT</h2>
<ul>
<li><p>HTML element is which that contain both opening and closing tags and content.</p>
</li>
<li><p>for example → &lt;p&gt;This photo is so good.&lt;/p&gt; .</p>
</li>
<li><p>&lt;p&gt;&lt;/p&gt; are tags and This photo is so good is content. Combination of both tags and content are known as element.</p>
</li>
</ul>
<p><img src="https://krithava.github.io/htmlelement.jpg" alt class="image--center mx-auto" /></p>


![File:HTML5 logo and wordmark.svg](https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/512px-HTML5_logo_and_wordmark.svg.png?20170517184425 align="center")

# *HTML for Beginners : Building the Skeleton of a Webpage*

HTML stands for Hyper Text Markup Language.

HTML is a building block of any website. HTML is like the basic building block or skeleton of webpage just like car as you all see in the below given figure .

![](https://1.bp.blogspot.com/-9qomMZtn0dI/Xt5LY5rkW4I/AAAAAAAACbc/FIFTK6de4YEKdsvX6_9cEUTg9U4aHoEegCK4BGAsYHg/s1200/The%2Brelation%2Bbetween%2BHTML%2BCSS%2Band%2BJavaScript%2B5.png align="left")

## *SEMENTIC ELEMENTS IN HTML*

![](https://brucelawson.github.io/talks/2014/parisweb/pictures/html5-structure.gif align="left")

## *SEMENTIC AND NON SEMENTIC*

![](https://codingbeast.org/wp-content/uploads/2023/05/semantic-vs-non-semantic-html.jpg align="center")

## HTML HEADINGS

* HTML consist of 6 tags of headings which are in descending order.
    
* &lt;H1&gt; and &lt;H6&gt;.
    
* &lt;H1&gt; is main heading tag used for the main title of a page.
    
* &lt;H6&gt; is least important heading tag in all tags.
    

## *Understanding HTML Tags and Elements*

![](https://www.sightairedale.org.uk/wp-content/uploads/2021/07/headings.006.jpeg align="left")

## HTML TAGS

* Tags are which that contain both opening and closing tags.
    
* Like &lt;a&gt; tag for link.
    
* &lt;p&gt;tag for paragraph.
    
* &lt;h&gt;tag for heading.
    

![](https://image1.slideserve.com/2375258/list-of-tags-l.jpg align="left")

## HTML ELEMENT

* HTML element is which that contain both opening and closing tags and content.
    
* for example → &lt;p&gt;This photo is so good.&lt;/p&gt; .
    
* &lt;p&gt;&lt;/p&gt; are tags and This photo is so good is content. Combination of both tags and content are known as element.
    

![](https://krithava.github.io/htmlelement.jpg align="center")

A Beginner's Guide to HTML: The Web's Structure

HTML for Beginners : Building the Skeleton of a Webpage

SEMENTIC ELEMENTS IN HTML

SEMENTIC AND NON SEMENTIC

HTML HEADINGS

Understanding HTML Tags and Elements

HTML TAGS

HTML ELEMENT