HTML – Text MarkUp

In HTML, there are various text markup elements used to format and structure the text content of a web page. Here are some of the commonly used text markup elements:

1. Headings:
   • <h1>, <h2>, <h3>, <h4>, <h5>, <h6>: These elements are used to create headings in a hierarchical structure, with <h1> being the highest-level heading and <h6> being the lowest-level heading.
2. Paragraphs:
   • <p>: This element is used to create paragraphs of text.
3. Text Formatting:
   • <b>: Renders the text in bold.
   • <i>: Renders the text in italics.
   • <u>: Underlines the text.
   • <strong>: Indicates strong importance, often rendered in bold.
   • <em>: Indicates emphasis, often rendered in italics.
4. Lists:
   • <ul> (Unordered List): Creates a bulleted list.
   • <ol> (Ordered List): Creates a numbered list.
   • <li> (List Item): Represents an item in a list.
5. Links:
   • <a href="URL">Link Text</a>: Creates a hyperlink to another web page or section.
6. Preformatted Text:
   • <pre>: Preserves the original formatting of the text, including whitespace and line breaks.
7. Quotations:
   • <blockquote>: Represents a long quotation or block of quoted text.
   • <q>: Represents a short inline quotation.
8. Abbreviations and Acronyms:
   • <abbr title="Explanation">Abbreviation</abbr>: Defines an abbreviation or acronym, with the full explanation provided in the title attribute.
9. Code and Computer Output:
   • <code>: Represents a piece of computer code or output.
   • <kbd>: Represents keyboard input or a keyboard command.
   • <samp>: Represents sample output from a computer program.

These are just a few examples of the many text markup elements available in HTML. These elements help structure and format the text content, making it more readable, accessible, and semantically meaningful.

Sure, here are some examples of HTML text markup:

1. Headings:

   html

   <h1>This is a top-level heading</h1>
<h2>This is a second-level heading</h2>
<h3>This is a third-level heading</h3>
2. Paragraphs:

   html

   <p>This is a paragraph of text.</p>
<p>This is another paragraph of text.</p>
3. Text Formatting:

   html

   <b>This text is bold.</b>
<i>This text is italicized.</i>
<u>This text is underlined.</u>
<strong>This text is of strong importance.</strong>
<em>This text is emphasized.</em>
4. Lists:

   html

   <ul>
<li>Unordered list item 1</li>
<li>Unordered list item 2</li>
<li>Unordered list item 3</li>
</ul>

<ol>
<li>Ordered list item 1</li>
<li>Ordered list item 2</li>
<li>Ordered list item 3</li>
</ol>
5. Links:

   html

   <a href="https://www.example.com">Link to Example.com</a>
6. Preformatted Text:

   html

   <pre>
This text will be displayed
exactly as it is written,
including line breaks and
whitespace.
</pre>
7. Quotations:

   html

   <blockquote>

   <p>This is a long quotation that will be indented.</p>
</blockquote>

<p>The person said, <q>This is a short inline quotation.</q></p>
8. Abbreviations and Acronyms:

   html

   <p>The <abbr title="World Wide Web">WWW</abbr> is an important part of the internet.</p>
9. Code and Computer Output:

   html

   <code>console.log('Hello, world!');</code>
<kbd>Ctrl + S</kbd>
<samp>This is sample output from a computer program.</samp>

These examples demonstrate how various HTML text markup elements can be used to structure and format the content of a web page, making it more readable, accessible, and semantically meaningful.