WHAT IS FRONT

END
F R O N T E N D I S A N Y T H I N G T H AT M A K E S
T H E W E B PA G E L O O K A N D F E E L S E X Y

THE LATEST VERSIONS

HTML PARAGRAPH TAG

WHY KEEP IT SIMPLE?

<p> Paragraph
<i> - Italics
<b> - Bold
<u> Underline
<br> - Line
Break

HEADING TAGS

LISTS
BECAUSE INTERNET IS JUST A GIANT LIST
MAKING MACHINE!
THERE ARE 2 ORDERED & UNORDERED

LINKS
IT IS CALLED THE WORLD WIDE WEB
AND THINGS THAT MAKE THE WEB WORK ARE

LINKS

RELATIVE : <a href=http://www.zomato.com>Zomato</a>

ABSOLUTE : <a href=new.html>New</a>
When you click over
Zomato

When you click over

New

IMAGES
<img src=food.jpg alt=Amazing Food height=250
width=200>
<img src=http://i.imgur.com/rtx7gRY.gif alt=Woww
height=250 width=200>

TWO MOST USEFUL TAGS

<DIV>
<SPAN>

TABLES
<table>
<tr>
<td>Season</td>
<td>Rating</td>
</tr>
<tr>
<td>Friends</td>
<td>HIMYM</td>
</tr>
<tr>
<td>4.7</td>
<td>4.4</td>
</tr>
</table>

DO TRY
BORDER
WITH 50 OR
MAYBE100!

<table border=2>
<tr>
<td>Season</td>
<td>Rating</td>
</tr>
<tr>
<td>Friends</td>
<td>HIMYM</td>
</tr>
<tr>
<td>4.7</td>
<td>4.4</td>
</tr>
</table>

EXERCISE

FORMS
<form>
</form>

INPUT TYPES
<form>
<input type=text name=name>
<inputtype=radio name=gender value=male>
<inputtype=checkbox name=language value=java>
<inputtype="submit"value=Submit name=submit>
</form>

EXERCISE 2