Text Elements in HTML

Back to: HTML Tutorials

Text elements in HTML play a crucial role in structuring and presenting textual content on web pages. Understanding how to use text elements effectively is essential for creating well-formatted and readable web content.

Headings (<h1> to <h6>)

Headings in HTML are used to define the importance and hierarchy of text on a web page. There are six levels of headings, from <h1> (the highest level) to <h6> (the lowest level), each representing a different level of importance.

<h1>Main Heading</h1>
<h2>Subheading</h2>

Headings not only help in organizing content but also contribute to SEO by providing structure and indicating the main topics of a page to search engines.

Paragraphs (<p>)

The <p> tag is used to define paragraphs of text in HTML. It represents blocks of text that are separated from adjacent content by default margins and line breaks.

<p>This is a paragraph of text.</p>
<p>Another paragraph goes here.</p>

Using <p> tags appropriately ensures that text is logically organized and easy to read for website visitors.

Line Breaks (<br>)

The <br> tag is used to insert a single line break within text content, without starting a new paragraph.

<p>This line<br>breaks here.</p>

Line breaks are particularly useful when formatting addresses, poems, or any content where line breaks are necessary without starting a new paragraph.

Lists:

• Defined by <ul> (unordered list) and <ol> (ordered list) tags.
• Used to present items in a specific sequence or without a particular order.
• Each list item is contained within <li> tags.

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

<ol>
  <li>Step 1</li>
  <li>Step 2</li>
</ol>

Preformatted Text (<pre>)

The <pre> tag defines preformatted text, preserving both spaces and line breaks exactly as they appear in the HTML code.

<pre>
    This text
    has multiple
    lines and spaces.
</pre>