HTML Text Elements

What are text elements in HTML?

Text elements in HTML are used to format and structure textual content on a web page. They define how text is displayed, emphasizing different parts of the content, creating headings, paragraphs, lists, and more.

What are the different heading elements in HTML?

HTML provides six levels of heading elements, from <h1> to <h6>, where <h1> is the highest level and typically represents the main title of the page, while <h6> is the lowest level.

<h1>Main Title</h1>
<h2>Subheading Level 1</h2>
<h3>Subheading Level 2</h3>
<h4>Subheading Level 3</h4>
<h5>Subheading Level 4</h5>
<h6>Subheading Level 5</h6>

How do you create a paragraph in HTML?

You can create a paragraph in HTML using the <p> element. Paragraphs are block-level elements and are typically used to represent blocks of text.

<p>This is a paragraph of text in HTML.</p>

What are block-level and inline elements in HTML?

Block-level elements occupy the full width available and start on a new line, while inline elements occupy only the width of their content and do not start on a new line. Common block-level elements include <div>, <p>, and <h1>, while common inline elements include <span>, <a>, and <strong>.

How do you create a list in HTML?

You can create ordered lists using the <ol> tag and unordered lists using the <ul> tag. Each list item is defined using the <li> tag.

<ol>
  <li>First item</li>
  <li>Second item</li>
</ol>

<ul>
  <li>First item</li>
  <li>Second item</li>
</ul>

What is the purpose of the <strong> and <em> tags?

The <strong> tag is used to indicate that text is of strong importance, typically rendered in bold. The <em> tag is used to emphasize text, typically rendered in italics.

<p>This is a <strong>strong</strong> statement and this is an <em>emphasized</em> text.</p>

How do you create a line break in HTML?

You can create a line break in HTML using the <br> tag. This tag is an empty element and does not require a closing tag.

<p>This is the first line.<br>
This is the second line.</p>

What is the purpose of the <blockquote> element?

The <blockquote> element is used to define a section that is quoted from another source. It is typically displayed as a block of text that is indented from the rest of the content.

<blockquote>
  <p>This is a blockquote example.</p>
</blockquote>

How do you create a hyperlink in HTML?

You can create a hyperlink using the <a> tag, specifying the target URL in the href attribute. The content inside the <a> tag is the clickable text or element.

<a href="https://www.example.com">Visit Example</a>

What are <span> and <div> elements used for?

The <div> element is a block-level container used to group together sections of content. The <span> element is an inline container used to style a specific section of text or other inline elements without creating a new block.

<div>
  <p>This is a paragraph inside a div.</p>
</div>

<span style="color: red;">This text is styled with a span.</span>

How do you create a horizontal rule in HTML?

You can create a horizontal rule (line) in HTML using the <hr> tag. This tag is used to separate content and visually represent a thematic break.

<hr>
<p>This is content below the horizontal rule.</p>