Scribd
Upload
22 views2 pages

HTML Elements

HTML ELEMENTS basic info for newbie

Uploaded by

usmanrafiq877
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
22 views2 pages

HTML Elements

HTML ELEMENTS basic info for newbie

Uploaded by

usmanrafiq877
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

In HTML, elements can be categorized into different groups based on their behavior and how they

interact with other elements. Two common categorizations are:

1. Grouping Elements:

• Grouping elements are used to create sections and structure within an HTML document.
They do not directly affect the visual appearance but play a crucial role in organizing
content.

• Examples of grouping elements include:

• <div>: Represents a division or a section in an HTML document.

• <span>: Represents an inline portion of text within a block-level container.

• <section>: Represents a generic section of a document.

• <article>: Represents an independent piece of content within a document.

• <header>: Represents a group of introductory or navigational aids.

• <footer>: Represents a footer for a section or a page.

• <nav>: Represents a section with navigation links.

• Usage example:

htmlCopy code

<div> <header> <h1>Main Heading</h1> </header> <nav> <ul> <li><a href="#">Home</a></li> <li><a
href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </nav> <article> <h2>Article Title</h2>
<p>This is the content of the article.</p> </article> <footer> <p>Copyright © 2022</p> </footer> </div>

2. Inline Elements and Block Elements:

• Inline elements are elements that do not start on a new line and only take up as much
width as necessary. They typically appear within the flow of text and do not create a new
block.

• Block elements, on the other hand, start on a new line and take up the full width
available. They create new blocks of content and are often used to structure the layout
of a page.

• Examples of inline elements include:

• <span>: Used for inline styling or grouping text.

• <a>: Creates hyperlinks.

• <strong> and <em>: Represent strong and emphasized text, respectively.

• Examples of block elements include:

• <div>: A generic block-level container.


• <p>: Represents a paragraph of text.

• <h1> to <h6>: Heading elements.

• <ul>, <ol>, <li>: Lists and list items.

• Usage example:

htmlCopy code

<p>This is an <strong>inline</strong> element.</p> <div> <p>This is a <em>block</em> element.</p>


<ul> <li>Item 1</li> <li>Item 2</li> </ul> </div>

Understanding and using these grouping, inline, and block elements appropriately is crucial for creating
well-structured and semantically meaningful HTML documents.

You might also like