Create, test and validate a CSS document including your name, address and e-mail address. If you are a student include major and grade level. If you work include employer name, employer address and job title. The document must use several headings and the tags <em> <strong> <hr1> <p> <br/>. Also add pictures of yourself and at least one image to the document
frame.html
<!DOCTYPE html>
<html>
<html>
<style type="text/css">
<html>
<style type="text/css">
<html>
<head>
OUTPUT :
frame.html
<!DOCTYPE html>
<html>
<head>
<title>MAIN FRAME</title>
<frameset rows="14%,85%">
<frame src="head.html" name="f1"/>
<frameset cols="25%,75%">
<frame src="details.html" name="f2"/>
<frame src="display.html" name="f3"/>
</frameset>
</frameset>
</head>
</html>
Head.html
<!DOCTYPE html> <html>
<style type="text/css">
/*headindg style become changed*/
h1{font-size:17pt;font-style:helvetica;font-weight:bold}
</style>
<body>
<h1 align="center">STUDENT & EMPLOYEE INFORMATION</h1>
</body>
</html>
Details.html
<!DOCTYPE html> <html>
<style type="text/css">
ul{list-style-type: square;}
font{font-size: 16pt;font-family: futura,cursive,serif;}
p.under{text-decoration:underline;}
</style>
<body>
<p class="under"><font>INFORMATION ABOUT</font></p>
<ul>
<p class="under"><font>If student click here</font></p>
<li><a href="student.html" target="f3"><font>STUDENT</font></a></li>
<p class="under"><font>If employer click here</font></p>
<li><a href="employee.html" target="f3"><font>EMPLOYEE</font></a></li>
</ul>
</body>
</html>
Display.html
<!DOCTYPE html><html>
<head>
<title>dispaly</title>
</head>
<body>
<form name="display" id="form">
<label>
<strong>Name:</strong>
<input type="text" size="35" maxlength="20" name="t1"/><br/><br/>
</label>
<label>
<strong>Email-id:</strong>
<input type="text" size="35" maxlength="20" name="t2"/><br/><br/>
</label>
<p>
<em>Aaddress:</em><br/>
<textarea name="textarea" rows="4" cols="40">
</textarea>
</p>
<p>
<input type="submit" value="submit"/>
<input type="reset" value="reset"/>
</p>
</form>
</form>
</body>
</html>OUTPUT :
No comments:
Write comments