In HTML, a **non-semantic wrapper** is an element that is used to group other elements for formatting or layout purposes without adding any additional meaning or context to the content. Non-semantic wrappers are typically used when no suitable semantic element is available for grouping the content.

One typical example of a non-semantic wrapper is the `<div>` element. The `<div>` element represents a generic container that can group other elements but does not have any specific meaning or purpose.

PGRpdj4KICA8cD5UaGlzIGlzIGEgcGFyYWdyYXBoLjwvcD4KICA8cD5UaGlzIGlzIGFub3RoZXIgcGFyYWdyYXBoLjwvcD4KPC9kaXY+

In this example, the `<div>` element is used to group the two `<p>` elements but does not add any additional meaning or context to the content.

Another common example of a non-semantic wrapper is the `<span>` element. The `<span>`  element is similar to the `<div>` element but is inline rather than block-level and is typically used to style small groups of inline elements.

PHA+VGhpcyBpcyBhIHBhcmFncmFwaCB3aXRoIDxzcGFuPnNvbWUgZW1waGFzaXplZCB0ZXh0PC9zcGFuPi48L3A+

In this example, the `<span>` element is used to group the emphasized text but does not add any additional meaning or context to the content.

Using semantic elements can help to make your HTML more meaningful and easier to understand and can also make it easier to style and format using CSS.


In this course, participants will learn the basics of HTML, what HTML is and how it is used to create web pages, the structure of an HTML document and the various tags used to define the content and layout of a web page, how to use HTML tags to structure and format content, such as headings, paragraphs, lists, tables, and more, how to create links, add images and videos, and create forms for user input. 

The main goal of HTML is to make webpages traversable like a tree where every piece of content is wrapped in its meaningful container. 

Now that we have gone over the basic understanding of HTML documents, the mandatory structure they should have, and how tags and attributes work. We will move on to some important elements used in a typical HTML page.

Now that we have gone over the basics of HTML about commonly used elements and how the attributes are used. We will now move on to another important part of an HTML document that isn't mostly displayed on the web page but is a metadata container, which is the head tag.   

By the end of this section, participants will have a solid understanding of these HTML concepts and be able to apply them to create well-structured and formatted web pages.

So now that we have a good grip on most of the basic topics of HTML along with familiarity with basic text elements, now, we will move on to somewhat advanced topics which cover things necessary for developing any starter web page, be it a portfolio or a full-fledged e-commerce store. 

Introduction to HTML

Non-Semantic Wrappers