Scribd Logo
Upload

Welcome to Scribd!

  • Heading Tags For Formatting Text

    Uploaded by

    Regine Manuel
    6 views18 pages

    Original Title

    Heading Tags for Formatting Text

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views18 pages

    Heading Tags For Formatting Text

    Uploaded by

    Regine Manuel

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 18

    “HEADING TAGS FOR

    FORMATTING TEXT”

    Presented By:
    Miani Shea Eparwa
    Irish Claire Paniterce
    Introduction:
    In web development, "heading tags for formatting text" are
    the cornerstone of content structure. These HTML elements
    are crucial for organizing information, guiding readers, and
    improving overall web accessibility. This overview will
    delve into the importance and practical application of
    heading tags, illustrating their role in creating well-
    structured and visually appealing web content.
    WHAT IS “HEADING
    TAGS FOR FORMATTING
    TEXT”

    Heading tags are HTML elements used to format text and


    structure the content of a webpage. They provide a hierarchical
    structure to your content, with <h1> being the highest level (main
    heading) and <h6> the lowest level (subheading).
    “HEADING”

    A larger font size text, usually bold or italic in style, showing


    the different sections of a page
    In Headings There Are 6 Structures
    The Following are:
    Heading 1, Heading 2
    Heading 3, Heading 4
    Heading 5, & Heading 6

    While In Formatting Text This Is Some


    Samples:
    Paragraph <p>.</p>
    Bold <b>. </b>
    Italic <i>.</i>
    H E R E A R E T H E H T M L H E A D I N G TA G S
    ALONG WITH THEIR TYPICAL USAGE :
    Heading 1 <h1>:

    Represents the main heading of the page. There should be only


    one <h1> per page, and it should describe the primary topic or
    purpose of the page.
    EXAMPLE:
    <html>
    <head>
    <title>Sample Page</title>
    </head>

    <body>
    <h1>Main Heading</h1>
    <p>The Main Content.</p>

    </body>
    </html>
    Heading 2 <h2>:
    Represents subheadings that are of lower importance than the main heading but
    still important within their respective sections. You can have multiple <h2> tags on
    a page.
    EXAMPLE:
    <html>
    <head>
    <title>Sample Page</title>
    </head>

    <body>
    <h1>Main Heading</h1>
    <b>The Main Content.</b>

    <h2>Subheading</h2>
    <p>Content that related to subheading.</p>

    </body>
    </html>
    Heading 3 <h3>:

    Represents sub-subheadings, which are nested within <h2>


    headings. They are of lower importance than both <h1> and <h2>
    headings.
    EXAMPLE:
    <html>
    <head>
    <title>Sample Page</title>
    </head>

    <body>
    <h1>Main Heading</h1>
    <b>The Main Content.</b>

    <h2>Subheading</h2>
    <p>Content that related to subheading.</p>

    <h3>Sub-subheading 1</h3>
    <p>Content related to sub-subheading 1.</p>

    </body>
    </html>
    Heading 4 <h4>:

    Represents a lower level heading than <h3> and is used for further
    subdivisions of the content.
    EXAMPLE:
    <html>
    <head>
    <title>Sample Page</title>
    </head>

    <body>
    <h1>Main Heading</h1>
    <b>The Main Content.</b>

    <h2>Subheading</h2>
    <p>Content that related to subheading.</p>

    <h3>Sub-subheading 1</h3>
    <p>Content related to sub-subheading 1.</p>

    <h4>Sub-subheading</h4>

    </body>
    </html>
    Heading 5 <h5>:

    Represents a lower level heading


    than <h4>.
    EXAMPLE:
    <html>
    <head>
    <title>Sample Page</title>
    </head>

    <body>
    <h1>Main Heading</h1>
    <b>The Main Content.</b>

    <h2>Subheading</h2>
    <p>Content that related to subheading.</p>

    <h3>Sub-subheading 1</h3>
    <p>Content related to sub-subheading 1.</p>

    <h4>Sub-subheading</h4>

    <h5>Sub-subheading</h5>

    </body>
    </html>
    Heading 6 <h6>:

    Represents the lowest level heading and is


    typically used for the least important headings.
    Example:
    <html>
    <head>
    <title>Sample Page</title>
    </head>

    <body>
    <h1>Main Heading</h1>
    <b>The Main Content.</b>

    <h2>Subheading</h2>
    <p>Content that related to subheading.</p>

    <h3>Sub-subheading 1</h3>
    <p>Content related to sub-subheading 1.</p>

    <h4>Sub-subheading</h4>

    <h5>Sub-subheading</h5>

    <h6>Sub-subheading</h6>
    </body>
    </html>
    Why is it Important to know?
    It's important to note that headings
    should be used in a logical and
    hierarchical manner to ensure proper
    readability and accessibility.
    THANK YOU FOR
    LISTENING!!!

    You might also like