HTML Non-Semantic Elements

These non-semantic elements are often employed for styling purposes or to achieve a specific visual layout.

Here are some commonly used HTML non-semantic elements:

<div> – A generic container that is used to group and style other elements.
<span> – It is an inline container used for styling or targeting specific parts of the text within a larger block of content.
<br> – This tag is used to break the line.
<b> – Used to make the text bold.
<i> – Used to make the text italic.

🚀 Try it yourself! Click the button below to run the code and see the output in action.

HTML Code

Output

<html>
  <head>
  <style>
        #container-div {
            background: #ddeeff;
            padding: 20px;
            margin-bottom: 20px;
            border: 1px solid #ccc;
            text-align: center;
        }
#highlight-span {
            background-color: yellow;
            color: black;
            font-weight: bold;
            padding: 2px 5px;
        }

#line-break {
            display: block;
            margin: 10px 0;
            border-bottom: 1px dashed #aaa;
        }

#bold-text {
            font-size: 18px;
            font-weight: bold;
            color: #004aad;
        }

#italic-text {
            font-size: 18px;
            font-style: italic;
            color: #e63946;
        }

</style>
  </head>
    
  
    <div id="container-div">
        <h2>This is a Div Container</h2>
        <p>A div is a generic container used to group other elements.</p>
    </div>

<p>This is an example of a <span id="highlight-span">highlighted span</span> inside a paragraph.</p>

<div id="line-break"></div>

<p id="bold-text">This is bold text using the <b><b></b> tag.</p>

<p id="italic-text">This is italic text using the <i><i></i> tag.</p>

        </html>

bahut ho gaya structure pe kaam chalo ab kuch styling karte hai 🤪😀

Important Note: Want to download the full HTML course as a PDF? Click here to save it locally!

PREVIOUS NEXT

HTML Non-Semantic Elements

Here are some commonly used HTML non-semantic elements:

HTML Code

Output

bahut ho gaya structure pe kaam chalo ab kuch styling karte hai 🤪😀

Leave a Comment Cancel reply