0% found this document useful (0 votes)
3 views16 pages

HTML Lesson3

The document contains HTML code for various lessons, each demonstrating different HTML elements such as ordered and unordered lists, tables, forms, and input types. Each lesson is structured with a title and body, showcasing features like tables for student details, file downloads, and form inputs for user interaction. The overall focus is on teaching HTML structure and elements.

Uploaded by

trishnadigital32
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
3 views16 pages

HTML Lesson3

The document contains HTML code for various lessons, each demonstrating different HTML elements such as ordered and unordered lists, tables, forms, and input types. Each lesson is structured with a title and body, showcasing features like tables for student details, file downloads, and form inputs for user interaction. The overall focus is on teaching HTML structure and elements.

Uploaded by

trishnadigital32
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Example 1: -

<HTML>
<HEAD>
<TITLE>LESSON 6</TITLE>
</HEAD>
<BODY BGCOLOR=PINK>
<BIG><U>ORDER LIST </U></BIG>
<OL>
<LI>KEYBOARD
<LI>MOUSE
<LI>MONITOR
<LI>UPS
</OL>
<BIG><U>UNORDER LIST</U></BIG>
<UL>
<LI>SMPS
<LI>CPU
<LI>RAM
<LI>ROM
</UL>
</BODY>
</HTML>
Output
Example 2: -
<HTML>
<HEAD>
<TITLE>LESSON 7</TITLE>
</HEAD>
<BODY BGCOLOR=PINK>
<TABLE BORDER=10 BORDERCOLOR=RED BGCOLOR=LIGHTYELLOW
CELLPADDING=30 CELLSPACING=2 HEIGHT=100 WIDTH=300>
<TR>
<TH>NAME</TH>
<TH>ROLL_NO</TH>
<TH>COURSE</TH>
<TH>MARKS</TH>
</TR>
<TR>
<TD>MANOJ</TD>
<TD>106D</TD>
<TD>COMPUTER</TD>
<TD>97</TD>
</TR>
<TR>
<TD>MANOJ</TD>
<TD>106D</TD>
<TD>COMPUTER</TD>
<TD>97</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Output
Example 3: -

HTML>
<HEAD>
<TITLE>LESSON 8</TITLE>
</HEAD>
<BODY BGCOLOR=PINK>
<TABLE BORDER=10 BORDERCOLOR=RED BGCOLOR=LIGHTYELLOW
CELLPADDING=30 CELLSPACING=2 HEIGHT=100 WIDTH=300>
<TR>
<TH COLSPAN=6><BIG>DETAILS OF COMPUTER
STUDENT</BIG></TH>
</TR>
<TR>
<TH COLSPAN=3><U>HARDWARE STUDENTS</U></TH>
<TH COLSPAN=3><U>SOFTWARE STUDENTS</U></TH>
</TR>
<TR>
<TH>[Link].</TH>
<TH>NAME</TH>
<TH>COURSE</TH>
<TH>[Link].</TH>
<TH>NAME</TH>
<TH>COURSE</TH>
</TR>
<TR>
<TD>106D</TD>
<TD>MANOJ</TD>
<TD>COMPUTER</TD>
<TD>107D</TD>
<TD>RAJA</TD>
<TD>BIOLOGY</TD>
</TR>
<TR> <TD>108D</TD>
<TD>RAJANNA</TD>
<TD>MATHEMATICS</TD>
<TD>109D</TD>
<TD>KAKOLI</TD>
<TD>MATHEMATICS</TD>
</TR>
</TABLE>
</BODY>
</HTML>

Output

Example 4: -
<HTML>
<HEAD>
<TITLE>LESSON 9</TITLE>
</HEAD>
<BODY text=RED>
<TABLE ALIGN=CENTER BORDER=3 BORDERCOLOR=GREEN
BGCOLOR=YELLOW CELLPADDING=0 CELLSPACING=0 WIDTH=100%>
<CAPTION>DOWNLOAD ATTACHMENT</CAPTION>
<TR>
<TH>FILE NAME</TH>
<TH>[Link]</TH>
</TR>
<TR>
<TD ALIGN=CENTER> NOTICE</TD
<TD ALIGN=CENTER><A HREF="[Link]">[Link]</A></TD>
</TR>
</TABLE> <BR>
<TABLE ALIGN=CENTER BORDER=3 BORDERCOLOR=GREEN
BGCOLOR=YELLOW CELLPADDING=0 CELLSPACING=0 WIDTH=100%>
<CAPTION>DOWNLOAD ATTACHMENT</CAPTION>
<TR>
<TH>FILE NAME</TH>
<TH COLSPAN=2>DOWNLOADS</TH>
</TR>
<TR ALIGN=CENTER>
<TD ROWSPAN=2> [Link] </TD>
<TD><A HREF="FILE [Link]">NOTICE</A></TD>
<TD><A HREF="FILE [Link]">ADVERTISEMENT</A></TD>
</TR>
<TR ALIGN=CENTER>
<TD COLSPAN=2><A HREF="FILE [Link]">APPLY
ONLINE</A></TD>
</TR>
</TABLE>
</BODY>
</HTML>

Output
Example 5: -

<HTML>
<HEAD>
<TITLE>LESSON 10</TITLE>
</HEAD>
<BODY>
<TABLE BGCOLOR=YELLOW>
<TR BGCOLOR=SKYBLUE>
<TD>PINAK GANGULY<BR> 999999999<BR> 888888888</TD>
<TD>STUDENT<BR> 777777777</TD> </TR>
<TR>
<TD COLSPAN=3><BR><HR SIZE=3> <H1>START</TD>
</TR>
<TR>
<TD> <B>EDUCATION AND MANAGEMENT INSTITUTE</B></TD>
</TR>
<TR>
<TD> ([Link] OF GIITM)</TD>
</TR>
<TR>
<TD> PHONE NO.0123-123456</TD>
</TR>
<TR>
<TD> EMAIL:chakraborty_chand@[Link]</TD>
</TR>
<TR>
<TD> 234 SUBODH PARK, BANSDRONI KOL-70</TD>
</TR>
</TABLE>
</BODY>
</HTML>

Output
Example 6: -
<html>
<head> <title>Lesson11</title>
</head>
<body>
Choose the Fruit <br>
<input type=radio name=fruit1> Apple
<input type=radio name=fruit2> Banana
<input type=radio name=fruit3> Pineapple <br>
<input type=radio name=fruit4> Grapes
<input type=radio name=fruit5> Papaya
<input type=radio name=fruit6>Orange <br>
Language Known<br>
<input type=checkbox name=fruit7> English
<input type=checkbox name=fruit> Bengali
<input type=checkbox name=fruit> Others
</body>
</html>

Output
Example 7: -

<html>
<head> <title>Lesson12</title>
</head>
<body>
DOB
<select>
<option>Day</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
<select>
<option>Month</option>
<option>Jan</option>
<option>Feb</option>
<option>March</option>
<option>April</option>
</select>
<select>
<option>Year</option>
<option>1990</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
</select> <br>
<select>
<option>Select</option>
<option>WB</option>
<option>Haryana</option>
<option>UP</option>
<option>MP</option>
</select> <br>
<select>
<option>Select</option>
<option>Dis1</option>
<option>Dis2</option>
<option>Dis3</option>
<option>Dis4</option>
</select>
</body>
</html>

Output

Example 8: -
<html>
<head> <title>Lesson13</title>
</head>
<body>
<form action="[Link]
User Name: <input type ="text"> <br> <br>
Email: <input type ="text" Name="EMail"> <br> <br>
Password: <input type ="Password" name="Password"> <br> <br>
<input type ="Submit" value="Submit">
<input type ="Reset" value="Reset">
</form>
</body>
</html>

Output

Example 9: -
<html>
<head> <title>Lesson14</title>
</head>
<body>
<form>
<textarea rows=10 cols=30 placeholder="Write Query...">
</textarea> <br><br>
<textarea rows=10 cols=30 readonly> This text can't edit by the user
</textarea>
<textarea rows=10 cols=30 disabled>This text disabled
</textarea> <br>
</form>
</body>
</html>

You might also like