How to define a section in a document in HTML5 ?

How to define a section in a document in HTML5 ?

Last Updated : 16 Jun, 2023

In this article, we will discuss how to define a section in a document in html5. We can create a section in the document using the Section tag.

HTML <section> Tag: Section tags divide content into section and subsection. The section tag is used when there is a requirement for two header, footer, and other sections of the document.

Syntax:

<section> content </section>

Example 1: Below is the code that illustrates the use of the section tag.

HTML

<!DOCTYPE html>
<html>

<body>
    <section>
        <h1>GFG Section-1</h1>
    </section>
  
    <section>
        <h1>GFG Section-2</h1>
        <p> HTML5 HTML5</p>
    </section>
  
    <section>
        <h1>GFG Section-3</h1>
    </section>
  
    <section>
        <h1>GFG Section-4</h1>
        <p>HTML5 HTML5</p>
    </section>
</body>

</html>

Output:

Example 2:Below is the code that illustrates the use of the section tag.

HTML

<!DOCTYPE html>
<html>
  
<body>
    <h2>GeeksforGeeks</h2>
    <section>
        <h2>Geek 1</h2>
        <p>
            It is a Computer Science portal
        </p>
    </section>
    <section>
        <h2>Geek 2</h2>
        <p>
            It is a Computer Science portal.
        </p>
    </section>
</body>
  
</html>

Output:

How to define a section in a document in HTML5 ?

T

tejswini2000k

Improve

Article Tags :

Similar Reads

How to define the document's body in HTML5 ?

The document's body in HTML5 is defined by the <body> tag which is placed with in the <html> tags and just after the <head> tag.The body tag can include: headings tags : <h1>, <h2>, <h3> and so on.paragraph tag: <p>line break tag: <br>horizontal rule t

How to define a text element that inserted into a document in HTML5 ?

In this article, we will learn how to define some text that has been inserted into a document. This can be used to show recent changes in the text content and is mostly used after the text that is to be deleted or is outdated. Approach: We will use the <ins> element to specify text that has be

How to define metadata about an HTML document in HTML5 ?

The metadata means the information about data. The <meta> tag in HTML provides information about HTML Document or in simple words, it provides important information about a document. These tags are basically used to add name/value pairs to describe properties of HTML documents, such as expiry

How to define the root of an HTML document ?

The <html> tag in HTML is used to define the root of HTML and XHTML documents. The <html> tag tells the browser that it is an HTML document. It is the second outer container for everything that appears in an HTML document followed by the <!DOCTYPE> tag. The <html> tag require

How to specify the main content of a document in HTML5 ?

The <article> tag is one of the new sectioning element in HTML5. The HTML article tag is used to represent an article. More specifically, the content within the <article> tag is independent of the other content of the site (even though it can be related). In other words, the article elem