Sei sulla pagina 1di 17

Write a program to the internal style sheet in html.

<html>

<head>

<style>

h1

color:yellow;

background_color:red;

padding:5px;

color:blue;

</style>

</head>

<body>

<h1>Vedenta College Internal</h1>

<p> My Name is AMIT MANWANI </p>

</body>

</html >

Amit Manwani (FYIT) | 1


Write a program to the external style sheet in html.

<html>

<head>

<link rel="stylesheet" type="text/css" href="mystyle.css">

</head>

<body>

<h1>Vedanta College</h1>

<p>Fyit Student</p>

</body>

</html>

Amit Manwani (FYIT) | 2


Write a program to the Inline style in html.

<html>

<body>

<div style="background-color:black;color:white;padding:20px;">

<h2>Newyork</h2>

<p>New York is a state in the northeastern United States, and is the 27th-most
extensive, fourth-most populous, and seventh-most densely populated U.S. state.
</p>

<p> New York is bordered by New Jersey and Pennsylvania to the south
and Connecticut, Massachusetts, and Vermont to the east.</p>

</div>

</body>

</html>

Write a program to the Inset Image in html.

<html>

<body>

<h2>Spectacular Mountain</h2>

<imgsrc="pic_mountain.jpg" alt="Mountain View"


style="width:304px;height:228px;">

</body>

</html>

Amit Manwani (FYIT) | 3


Write a program to the anchor in html.

<html>

<body style="background-color:powderblue;">

<h1>Wlecome to the my page</h1>

<p>Hello...</p>

</body>

</html>

Write a program to the background color in html.

<html>

<body style="background-color:powderblue;">

<h1>Welcome My friends...</h1>

<p> Hello......</p>

<imgsrc="pic_mountain.jpg" alt="Mountain View"


style="width:304px;height:228px;">

</body>

</html>

Amit Manwani (FYIT) | 4


Write a program to the marquee tag in html.

<html>

<head>

<title>marquee</title>

</head>

<body>

<h1>

<marquee>Welcome to the Vednata college</marquee>

</h1>

</body>

</html>

Write a program to use scroll marquee tag in html.

<html>

<head>

<title>Marquee</title>

</head>

<body>

<marqueescrollamount>scrlamt marquee = 10</marquee>

</body>

</html>

Amit Manwani (FYIT) | 5


Write a program to use marquee behaviour tag in html.

<html>

<head>

<title>Marquee</title>

</head>

<body>

<marquee behaviour = "alternate"><marquee width = "200">alt marquee


behaviour</marquee>

</body>

</html>

Write a program to use marquee direction tag in html.

<html>

<head>

<title>Marquee</title>

</head>

<body>

<marquee direction= "right">This direction of text will be from right to


left</marquee>

</body>

</html>

Amit Manwani (FYIT) | 6


Write a program to use tooltip in html.

<html>

<body>

<h2>The title attribute </h2>

<p title="I'm a tooltip">

Mouse over this paragraph, to display the title attribute as a tooltip</p>

</body>

</html>

Write a program to list in html.

<html>

<body>

<UL type="circle">

<LI>List item..

<OL type="i" start="3">

<LI>List item..</LI>

<LI>List item..</LI>

<LI>List item..</LI>

<LI>List item..</LI>

<LI>List item..</LI>

</OL>

</LI>

Amit Manwani (FYIT) | 7


Write a program to Nesting list in html.

<html>

<head>

<title> File</title>

</head>

<body style= "background-color:ffcccc">

<h1><center><i> Safety tips for Canoeists</i></center></h1>

<ol type="a" start=2>

<hr/>

<li>Beable to swim.</li>

<li> Wear a life jacket at all time.</li>

<li>Don't stand up on more around if acncetips.</li>

<ul>

<ul type="circle">

<li>Hang on to canoe</li>

<li>Use the caneo for support</li>

<li>Use a bow light at night </li>

</body>

</html>

Amit Manwani (FYIT) | 8


Write a program to the create a table in html.

<html>

<head>

<table border cellpadding="4"

<tr>

<th> Name </th>

<th> Extension </th>

<th>Department</th>

</tr>

<tr>

<td>Ajit Sharma </td>

<td> X423 </td>

<td> Marketing </td>

</tr>

<td>Ronny Singh </td>

<td>X525 </td>

<td>Sales </td>

</tr>

</table>

</html>

Amit Manwani (FYIT) | 9


Write a program to create a table in html

<html>

<table border="3" cellpacing="5">

<caption student Deatils</caption>

<tr>

<th rowspan="2">Name </th>

<th colspan="2">Address</th>

</tr>

<tr>

<th>City</th>

<th> Street </th>

</tr>

<tr>

<td>Amit</td>

<td>Mumbai</td>

<td>D.N Rpad</td>

</table>

</html>

Amit Manwani (FYIT) | 10


Write a program to create a multiple table box in html.

<html>

<title>Table_Example_3</title>

<body>

<table border="3" cellspacing = "5" cellpadding = "5">

<tr>

<td>Coumn1</td>

<td>Column2</td>

<td>Column3</td>

</tr>

<tr>

<td rowspan = "2">Row1Cell1</td>

<td>Row1Cell2</td>

<td>Row1Cell3</td>

</tr>

<tr>

<td>Row2Cell1</td>

<td>Row2Cell2</td>

</tr>

<tr colspan =3>

</tr><td>Row3Cell1</td>

</tr>

</body>

</html>

Amit Manwani (FYIT) | 11


Write a program to create a multiple table & boxs in html.

<html>

<title>Table_Example_2</title>

<body>

<table border="2" cellspacing = "4">

<tr>

<td colspan = "4">This is the head of table</td>

</tr>

<tr>

<td colspan = "4">This is the foot of table</td>

</tr>

<tr>

<td>cell1</td>

<td>cell2</td>

<td>cell3</td>

<td>cell4</td>

</tr>

</body>

</html>

Amit Manwani (FYIT) | 12


Write a program to create a table in html.

<html>

<title>Table</title>

<body>

<table border="1">

<tr>

<td>row1,cell1</td>

<td>row1,cell2</td>

</tr>

<tr>

<td>row2,cell1</td>

<td>row2,cell2</td>

</tr>

</body>

</html>

Amit Manwani (FYIT) | 13


Write a program to create code get identify in html.

<html>

<head>

<title>Get identify </title>

<meta http-equiv="contect-type"content=text/html;

charset=.so-8859-1">

</head>

<body bgcolor="pink">

<h1><p><b> Who rare You ?</b></p></h1>

<from method="post"action=" ">

<p> Name:

<input type="text"name="textfield">

</p>

<p>Gender:

<label><input type="radio" name="gender"

value="m" /> Male</lable>

<label><input type="radio" name="gender"

value="f" /> Female</lable>

</p>

</form>

</body>

</html>

Amit Manwani (FYIT) | 14


Write a program to text background color in html.

<html>

<body>

<h1 style= "background-color:red">Background-color set by using red</h1>

<h1 style= "background-color:blue">Background-color set by using blue</h1>

<h1 style= "background-color:black;color:white">Background-color set by using


black</h1>

<h1 style= "background-color:orange">Background-color set by using


orange</h1>

<h1 style= "background-color:yellow">Background-color set by using yellow</h1>

</body>

</html>

Amit Manwani (FYIT) | 15


Create a home page design in html

<html>

<head>

<title>The Garden Company</title>

</head>

<body>

<h1><center><b>The Garden Company</b></center></h1>

<h3><i> Helping you help your garden grow since 1975</i></h3><hr>

<p> Welcome to <b>The Garden Company!</b>We hope you will our site a

useful resource for becoming a better gardener.<p>

<h1><b>Recent Articles</b></h1b><ul>

<li><u><a href="www.google.com">Diagnosing Foliage

Problems</u></li></a>

<li>Spraying Techniques for Fruit Tress</li>

<ul type="circle">

<li><u><a herf=www.google.com>HTML version</u></li></a>

<li> Microsoft Word version</li></ul>

<li><u><a href="www.google.com">Glossary of Terms</u></li></a>

<hr><br>

Copyright @ 2012 The Garden Company <sup>Tm</sup><br>

No material may be reproduced without writtern permission<br>

Contact the Webmaster

</body>

</html>

Amit Manwani (FYIT) | 16


Registration Form

<html>

<body bgcolor=#99966><center>

<form action=/userreister/Registration method=post>

<table cellpadding=4 cellspacing=2 border=0>

<th bgcolor=#999966 colspan=2>

<font size = 5>REGISTRATION</font>

<input type=text name=userid size=10 value=maxlength=10>

</td></tr><tr bg color=#999966>

Amit Manwani (FYIT) | 17

Potrebbero piacerti anche