Learn All HTML Tags & Attributes in 2 Hours | Part 1

Notes:

HTML Quick Reference - Part 1

The best way to learn HTML in fast track is practicing its set of tags, attributes and their values. In this video tutorial I am going to cover as many HTML tags as possible and as quickly as possible.

<html>
<head>
<title>
Home page
</title>
</head>
<body bgcolor="lightgray" text="black">
Hello       World <br/>

Hello <b>World</b> <br/>
Hello <strong>World</strong> <br/>

Hello <i>World</i> <br/>
Hello <em>World</em> <br/>

Hello <u>World</u> <br/>
Hello <ins>World</ins> <br/>

Hello <b><u><i>World</i></u></b> <br/>

Hello <strike>World</strike> <br/>
Hello <s>World</s> <br/>
Hello <del>World</del> <br/>

H<sub>2</sub>O <br/>
(a+b)<sup>2</sup> <br/>

Hello <q>World</q> <br/>
Hello <mark>World</mark> <br/>

Hello <small>World</small> <br/>
Hello <big>World</big>

<h1>Hello World</h1>
<h2>Hello World</h2>
<h3>Hello World</h3>
<h4 align="center">Hello World</h4>
<h5 align="right">Hello World</h5>
<h6 align="left">Hello World</h6>
Hello <font size="5">World</font> <br/>
Hello <font size="5" color="blue">World</font> <br/>
Hello <font size="5" color="red" face="Rosewood Std">World</font>

<p align="left">
Some paragraph text
</p>
<p align="right">
Some paragraph text
</p>
<p align="center">
Some paragraph text
</p>
<p align="justify">
Some paragraph text
</p>

<hr/>
<hr color="red"/>
<hr color="red" size="10"/>
<hr color="red" size="10" width="50%"/>
<hr color="red" size="10" width="50%" align="left"/>
<hr color="red" size="10" width="50%" align="right"/>

<img src="mypic.jpg" width="100" height="100" title="Manjunath Chidre" border="5" alt="mypic.jpg"/>
<img src="mypic.jpg" width="100" height="100" title="Manjunath Chidre" border="5" alt="mypic.jpg"/><br/><br/>

<marquee>Hello World </marquee><br/><br/>
<marquee bgcolor="cyan">Hello World </marquee><br/><br/>
<marquee bgcolor="cyan" width="100" height="100">Hello World </marquee><br/><br/>
<marquee bgcolor="cyan" width="100" height="100"
behavior="scroll"
direction="up">Hello World </marquee><br/><br/>

<ol type="I" start="1">
<li>Subjects:
<ol type="a">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>
</li>
<li>Teachers</li>
<li>Time</li>
</ol>

<ul type="disc">
<li>Subjects</li>
<li>Teachers</li>
<li>Time</li>
</ul>

<dl>
<dt>HTML:</dt>
<dd>HTML is a formatting language</dd>
<dt>CSS:</dt>
<dd>CSS is a reformatting language</dd>
</dl>

<table border="0" cellspacing="0"
cellpadding="5"
width="100%"
bgcolor="cyan"
bordercolor="red"
>
<caption>Students Details</caption>
<tr >
<th>Sl.Num</th>
<th>Name</th>
<th>Marks</th>
</tr>
<tr bgcolor="yellow">
<td>1</td>
<td>Ram</td>
<td align="right">25</td>
</tr>
<tr bgcolor="orange">
<td>2</td>
<td>Ranjeet</td>
<td align="right">50</td>
</tr>
<tr bgcolor="yellow">
<td>1</td>
<td>Ram</td>
<td align="right">25</td>
</tr>
<tr bgcolor="orange">
<td>2</td>
<td>Ranjeet</td>
<td align="right">50</td>
</tr>
</table>

</body>
</html>

Interview Questions: