Scribd
Upload
23 views11 pages

4 - 4.HTML-Headings-Paragraphs

HTML uses headings and paragraphs to structure content. Headings range from <h1> as the most important to <h6> as the least, and provide a visual hierarchy. Paragraphs are defined with <p> tags and add vertical whitespace. It is best to use headings in the proper hierarchy order and paragraphs to organize blocks of text.

Uploaded by

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

4 - 4.HTML-Headings-Paragraphs

HTML uses headings and paragraphs to structure content. Headings range from <h1> as the most important to <h6> as the least, and provide a visual hierarchy. Paragraphs are defined with <p> tags and add vertical whitespace. It is best to use headings in the proper hierarchy order and paragraphs to organize blocks of text.

Uploaded by

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

HTML For Beginners

Module - 4
Getting Started
Headings & Paragraphs in HTML
HTML Headings
• All documents start with a heading. Headings help you define the
hierarchy and the structure of the web page content.
• Developers can use different sizes for your headings. HTML has 6 levels
of headings, which use the elements <h1>, <h2>, <h3>, <h4>, <h5>, and
<h6>
HTML Headings
• Structural elements used to define headings
• Range from most important <h1> to least <h6>
• Different browser formatting for visual hierarchy
Heading Exaple
Headings: Importance
• Websites should prioritize headings as they play a crucial role in the
indexing of your website (SEO). Additionally, users tend to skim web
pages by their headings.

• Therefore, <h1> headings should be used for the main headings, followed
by <h2> headings, then the less important <h3>, and so on.
HTML Paragraphs
• Defined with <p> paragraph tags
• Browsers add vertical whitespace before and after
• Multiple paragraphs for blocks of text
Paragraphs Syntax
• <p>This is a paragraph of text on my page.</p>

• Key Points:
<p> opening and closing tags
Entire paragraph content inside tags
Paragraph
Usage Best Practices
• Use headings properly in hierarchy
• Avoid skipping heading levels
• Use paragraphs for text blocks
• Add line breaks for spacing
Conclusion
• Headings defined by tags like <h1> provide structure.
• Paragraphs identified by <p> tags organize blocks of text.
Q&A

You might also like