Basic HTML

Return To Home Page

We are Headings

Syntax:

<h1>I'm h1 heading</h1>
<h2>I'm h2 heading</h2>
<h3>I'm h3 heading</h3>
<h4>I'm h4 heading</h4>
<h5>I'm h5 heading</h5>
<h6>I'm h6 heading</h6>

Output:

I'm h1 heading

I'm h2 heading

I'm h3 heading

I'm h4 heading

I'm h5 heading
I'm h6 heading

I'm Paragraph

Syntax:

<p> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Obcaecati quasi vero perspiciatis. Quaerat dolorum quibusdam quas unde quis, perspiciatis sed neque quia, aliquid nesciunt consequatur temporibus omnis odio et ullam?
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Obcaecati quasi vero perspiciatis. Quaerat dolorum quibusdam quas unde quis, perspiciatis sed neque quia, aliquid nesciunt consequatur temporibus omnis odio et ullam?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Obcaecati quasi vero perspiciatis. Quaerat dolorum quibusdam quas unde quis, perspiciatis sed neque quia, aliquid nesciunt consequatur temporibus omnis odio et ullam? </p>

Output:

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Obcaecati quasi vero perspiciatis. Quaerat dolorum quibusdam quas unde quis, perspiciatis sed neque quia, aliquid nesciunt consequatur temporibus omnis odio et ullam?
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Obcaecati quasi vero perspiciatis. Quaerat dolorum quibusdam quas unde quis, perspiciatis sed neque quia, aliquid nesciunt consequatur temporibus omnis odio et ullam?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Obcaecati quasi vero perspiciatis. Quaerat dolorum quibusdam quas unde quis, perspiciatis sed neque quia, aliquid nesciunt consequatur temporibus omnis odio et ullam?

We Are Formatting Tags


Syntax:

<b>I'm Bold Tag<b>
<strong>I'm Strong Tag<strong>
<i>I'm italic Tag<i>
<em>I'm em Tag<em>
<u>I'm underline Tag<u>
<ins>I'm ins Tag<ins>
<del>I'm del Tag<del>
<s>I'm s Tag<s>

Output:

I'm Bold Tag
I'm Strong Tag
I'm italic Tag
I'm em Tag
I'm underline Tag
I'm ins Tag
I'm del Tag
I'm s Tag

We Are List Brothers.


I'm Ordered List

I like everything in order.

Syntax:

<ol>
<li type="a">Small alphabet</li>
<li type="A">Capital alphabet</li>
<li type="i">Small Roman Number</li>
<li type="I">Capital Roman Number</li>
<li type="1">Number</li>
<ol>

I'm Unordered List

I like everything in unorder.

Syntax:

<ul>
<li type="disc">Bullet (default)</li>
<li type="circle">Circle</li>
<li type="square">Square</li>
<li type="none">None type</li>
<ul>

Nested List

Syntax:

<ul>
<li>BA</li>
<li>BCA</li>
<li>B.Tech</li>
<ol>
<li>CSE</li>
<li>ME</li>
<li>EE</li>
<li>ECE</li>
<li>CE</li>
</ol>
<li>BSc</li>
</ul>

Output:


  1. Small alphabet
  2. Capital alphabet
  3. Small Roman Number
  4. Capital Roman Number
  5. Number




Output:

  • Bullet (default)
  • Circle
  • Square
  • None type



Output:

  • BA
  • BCA
  • B.Tech
    1. CSE
    2. ME
    3. EE
    4. ECE
    5. CE
  • BSc



I'm Table

Syntax:

<table>
<tr>
<th>Name</th>
<th>Email Id</th>
<th colspan="2">Mob No.</th>
</tr>
<tr>
<td>Aman</td>
<td>abc@email.com</td>
<td rowspan="2">+91</td>
<td>3256987425</td>
</tr>
<tr>
<td>Simran</td>
<td>email@mail.com</td>
<td>9554789632</td>
</tr>
<tr>
<td>James</td>
<td>gmail.com</td>
<td>+32</td>
<td>1249836579</td>
</tr>
</table>

Output:

Name Email Id Mob No.
Aman abc@email.com +91 3256987425
Simran email@mail.com 9554789632
James gmail.com +32 1249836579