Explore 100's Of Free Video Tutorials

Keep Learning, Keep Coding & Keep Sharing

Complete HTML Quick Reference - Part I

Notes:

Learn HTML in 2 Hours - Complete HTML Quick Reference - Part I
HTML cheat sheet - Best HTML and CSS cheat sheet - Basic HTML quick reference guide
Want to learn html as quickly as possible ?
Then you are in the right place! 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 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: