Text Formatting in HTML: Headings, Paragraphs, and Line Breaks
Discover how to format text using HTML elements like headings (`
` to ``), paragraphs (`
`), and line breaks (`
`).
HTML Text Formatting Fundamentals
Text Formatting in HTML: Headings, Paragraphs, and Line Breaks
HTML provides several elements for structuring and formatting text on web pages. Understanding these elements is crucial for creating readable and organized content. This section explores the fundamental elements: headings, paragraphs, and line breaks.
Headings (<h1> to <h6>)
Headings are used to define the title and subheadings of your content. HTML offers six levels of headings, ranging from <h1> (the most important and largest) to <h6> (the least important and smallest). It's generally recommended to use headings in a logical order (e.g., <h1>, then <h2>, then <h3>, etc.) to improve SEO and accessibility.
Example:
<h1>This is a level 1 heading</h1>
<h2>This is a level 2 heading</h2>
<h3>This is a level 3 heading</h3>
<h4>This is a level 4 heading</h4>
<h5>This is a level 5 heading</h5>
<h6>This is a level 6 heading</h6> Paragraphs (<p>)
The <p> element defines a paragraph. Browsers automatically add some space (margin) before and after a paragraph, creating visual separation between blocks of text. Using paragraphs makes your text much easier to read.
Example:
<p>This is the first paragraph of text. It will be displayed with automatic spacing around it.</p>
<p>This is the second paragraph. Notice the gap between this paragraph and the previous one.</p> Line Breaks (<br>)
The <br> element inserts a single line break. It is an empty element, meaning it doesn't have a closing tag (although <br /> is also a valid syntax, especially in XHTML). Use <br> sparingly, as excessive use can make your content look unstructured. Paragraphs should be used primarily for block-level separation of text.
Example:
This is a line of text.<br>
This is another line of text on a new line because of the <br> element. Putting it all Together
Discover how to format text using HTML elements like headings (<h1> to <h6>), paragraphs (<p>), and line breaks (<br>). Mastering these basic elements is key to creating well-structured and readable web content. Remember to use them appropriately to convey the meaning and hierarchy of your information.