Web Development

Headings are used to define the titles and subtitles on your page. Use <h1> for the main title, <h2> for subtitles, and so on up to <h6>.

<h1>Main Title</h1>
<h2>Subtitle</h2>

Paragraphs are blocks of text wrapped in <p> tags. They help organize your content into readable sections.

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

Lists help organize items. Use <ul> for unordered (bulleted) lists and <ol> for ordered (numbered) lists. Each item goes in an <li> tag.

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
</ul>
<ol>
  <li>First</li>
  <li>Second</li>
</ol>

Links allow users to navigate to other pages or sites. Use the <a> tag with an href attribute.

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

Images are embedded using the <img> tag with a src attribute pointing to the image URL.

<img src="https://via.placeholder.com/150" alt="Placeholder Image" />

<br> inserts a line break. <hr> creates a horizontal line, often used to separate content.

First line<br>Second line<hr>Section Divider

<strong> makes text bold, <em> makes text italic for emphasis.

<strong>Important</strong> <em>Emphasized</em>

<blockquote> is used to indicate a section that is quoted from another source.

<blockquote>
  This is a quoted section.
</blockquote>

<code> is used to display a single line or word of code inline.

Here is <code>inline code</code> in a sentence.

<sup> displays text as superscript (above the line), <sub> as subscript (below the line). Useful for math and chemical formulas.

E = mc<sup>2</sup>
H<sub>2</sub>O

<abbr> marks up an abbreviation or acronym, and the title attribute provides the full term.

<abbr title="World Health Organization">WHO</abbr>

<mark> highlights text with a yellow background by default.

This is <mark>important</mark> text.

<pre> preserves whitespace and line breaks, displaying text exactly as written.

<pre>Line 1
  Line 2
    Line 3</pre>

<del> shows deleted text (strikethrough), <ins> shows inserted text (underlined).

<del>Old text</del> <ins>New text</ins>

<small> renders text in a smaller font size.

<small>Fine print</small>

<kbd> is used to indicate keyboard input.

Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy.

<address> is used for contact information.

<address>123 Main St, City, Country</address>