<html>
<title>HTML Basic</title>
<meta charset="utf-8">
<body>
<a name="1">You are here to learn HTML.</a>
<MARQUEE BGCOLOR="YELLOW" BEHAVIOR="ALTERNATE; SLIDE; SCROLL" DIRECTION="LEFT; RIGHT; UP; DOWN" HEIGHT="50">THIS IS THE HTML CLASS.</MARQUEE>
<hr align="left" noshade="noshade" size="10" width="100%" color="red">
<h1><head>6 TYPES OF HEADING......</head></h1>
<h1>Heading 1<h1>
<h2>Heading 2<h2>
<h3>Heading 3<h3>
<h4>Heading 4<h4>
<h5>Heading 5<h5>
<h6>Heading 6<h6>
<hr align="left" noshade="noshade" size="10" width="100%" color="red">
<h3><u>Here HR Attributes applied.</u><br></h3>
<hr align="left" noshade="noshade" size="100" width="50%" color="orange">
<hr align="left" noshade="noshade" size="10" width="100%" color="red">
<h3><u>This is the para section with formatting tag.</u><br></h3>
<b>- This is formatted as BOLD.</b><BR>
<I>- This is formatted as ITALIC.</I><BR>
<U>- This is formatted as UNDERLINE.</U><BR>
<EM>- This is formatted as EMPHASIZED (Same as ITALIC).</EM><BR>
<SMALL>- This is formatted as SMALL.</SMALL><BR>
<BIG>- This is formatted as BIG.</BIG><BR>
<STRONG>- This is formatted as STRONG (Same as BOLD).</STRONG><BR>
- Subscripted<SUB>This is formatted as SUBSCRIPTED.</SUB><BR>
- Superscripted<SUP>This is formatted as SUPERSCRIPTED.</SUP><BR>
- <PRE>This
is
formatted
as
PREFORMATTED.</PRE>
- This is formatted as <BLOCKQUOTE>BLOCKQUOTE.</BLOCKQUOTE>
- <STRIKE>This is formatted as STRIKE.</STRIKE><BR>
<FONT SIZE="5" COLOR="ORANGE" FACE="ALGERIAN, VARDANA">- This is formatted as FONT with its all attributes.</FONT><BR>
- <CENTER>This is formatted as CENTER.</CENTER>
- <DIV ALIGN="CENTER">This is formatted as DIV.</DIV>
<hr align="left" noshade="noshade" size="10" width="100%" color="red">
<H3>This section shows the type of list with list items.</H3>
<OL TYPE="I"> <!--TYPE= 1/ I/ i/ A/ a-->
This is an ORDER LIST
<LI>Order list 1.</LI>
<LI>Order list 2.</LI>
<LI>Order list 3.</LI>
</OL>
<UL TYPE="CIRCLE"> <!--TYPE= SQUARE /ROUND /DISC-->
This is an UNORDER LIST
<LI>Unorder list 1.</LI>
<LI>Unorder list 2.</LI>
<LI>Unorder list 3.</LI>
</UL>
<DL>
<DT>This is the DEFINITION LIST (DL) with DEFINITION TERM (DT) and DEFINITION LIST DEFINITION (DD)</DT>
<DD>MATH</DD>
<DD>PHYSICS</DD>
<DD>COMPUTER</DD>
</DL>
<hr align="left" noshade="noshade" size="10" width="100%" color="red">
<H3>This section shows how a link work internally and externally.</H3>
<a href="aboutme.html">Click Me</a> to know more about me. <BR>
<a href="#1">Click Here To Learn HTML.</a>
<hr align="left" noshade="noshade" size="10" width="100%" color="red">
<a href="C:\Users\skuma\Desktop\Shubham Practical\College\imgmap.html">Click Here To see the image map.</a>
<hr align="left" noshade="noshade" size="10" width="100%" color="red">
<h3>This section belongs to table.</h3>
<!--<table cellspacing="5" border="2" bordercolor="green" align="center" bgcolor="yellow" height="10" width="800" cellpadding="5">-->
<table cellspacing="5" border="2" bordercolor="green" align="center" cellpadding="5">
<tr>
<th bgcolor="yellow" height="10" width="10%">NO.</th>
<th bgcolor="yellow" height="10" width="65%">NAME</th>
<th bgcolor="yellow" height="10" width="25%">ROLL NO.</th>
</tr>
<tr>
<td bgcolor="salmon" height="10" width="10%">1</td>
<td bgcolor="salmon" height="10" width="65%">Shubham Kumar</td>
<td bgcolor="salmon" height="10" width="25%">15508</td>
</tr>
<tr>
<td bgcolor="salmon" height="10" width="10%">2</td>
<td bgcolor="salmon" height="10" width="65%">Rohit</td>
<td bgcolor="salmon" height="10" width="25%">15509</td>
</tr>
<tr>
<td bgcolor="salmon" height="10" width="10%" rowspan="2">3</td>
<td bgcolor="salmon" deight="10" width="65%">Rahul</td>
<td bgcolor="salmon" height="10" width="25%">15501</td>
</tr>
<tr>
<td bgcolor="salmon" height="10" width="10%" colspan="2">There is no data.</td>
</tr>
</table>
<hr align="left" noshade="noshade" size="10" width="100%" color="red">
<h3>This section is about FRAME.</h3>
<frameset cols="30%,40%,30%">
<frame name="f1" >
<frame name="f2">
<frame name="f3">
<noframes>
<body>
Your browser doesn't support frame.
</body>
</noframes>
</frameset>
<hr align="left" noshade="noshade" size="10" width="100%" color="red">
<fieldset>
<legend><font color="red"><marquee><u>Registration Form</u></marquee></font></legend>
<h3>This secton shows form.</h3>
<form>
<table>
<tr>
<td>
Username
</td>
<td>
<input type="text" placeholder="User name" name="UN" value="">
</td>
</tr>
<tr>
<td>
Password
</td>
<td>
<input type="password" placeholder="Password" name="">
</td>
</tr>
<tr>
<td>
Gender
</td>
<td>
Male<input type="radio" name="gender">
Female<input type="radio" name="gender">
</td>
</tr>
<tr>
<td>
Mobile NO.
</td>
<td>
<select><option>+91</option><option>+92</option><option>+93</option></select>
<input type="Mobile NO" placeholder="mobile No" name="" maxlength="10">
</td>
</tr>
<tr>
<td>
</td>
<td>
<input type="mail" placeholder="_@gmail.com" name="">
</td>
<tr>
<td>
DOB
</td>
<td>
<input type="date" name="Select Your DOB">
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="c1" value="t&c">
</td>
<td>
I'm accepting all the terms conditions.
</td>
</tr>
<tr>
<td>
</td>
<td>
<button><a href="thank.html">submit</a></button>
<input type="reset" name="button">
</td>
</tr>
</table>
</form>
</fieldset>
<hr align="left" noshade="noshade" size="10" width="100%" color="red">
</body>
</html>