*********************************************
download zip
htmlexam
html exam
mystyle.css
*********************************************
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color:white;
background-image:url(backgroundnew.png);
background-repeat:repeat-x;
border:1px solid black;width:300px;
height:300px;
font-size:18px;
}
h1 {
color: red;
margin-left: 400px;
}
h2
{
color:green;
margin-left: 80px;
}
img
{
position: relative;
width: 650px;
height: 325px;
top: 10px;
background-image: url(anoceanofsky.jpg);
background-repeat: inherit;
margin-left: 10px;
background-position: center;
margin-right: 100px;
}
<style type=”text/css”>
.auto-style1
{
color: #41E141;
background-color: #FFFF00;
}
.auto-style2 {
color: #41E141;
background-color: #E34444;
}
.auto-style3 {
color: #ECEC70;
background-color: #3636DE;
}
</style>
</head>
<style type=”text/css”>
<style type=”text/css” scoped>
table.GeneratedTable {
width:100%;
background-color:#FFFFFF;
border-collapse:collapse;border-width:3px;
border-color:#336600;
border-style:solid;
color:#009900;
}
table.GeneratedTable td, table.GeneratedTable th {
border-width:1px;
border-color:#336600;
border-style:solid;
padding:3px;
}
table.GeneratedTable thead {
background-color:#CCFF99;
}
footer {
margin-top: 200px;
text-align: right ;
font-size: 30px;
font-family: verdana;
width: 600px;
height: 50px;
background-color: #f6f6f6;
}
</style>
</head>
</body>
</html>
************************************************
index.html
************************************************
<!DOCTYPE html>
<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”mystyle.css”>
<title> Welcome to my First Page</title>
</head>
<style>
body {
background-position: center;
background-image: url(“backgroundnew.png”);
background-color: #FFFFFF;
background-attachment: inherit;
background-repeat: no-repeat;
}
.auto-style4 {
text-decoration: none;
}
</style>
<h1> Welcome to My First Home Page</h1>
<div id=”menu” class=”menu opacity”>
<ul>
<div class=”link”> Home</a></div>
<ul>
<li><a href=”http://www.mit.ac.nz”>MIT</a></li>
</div>
<div class=”link”> About Us</a></div>
<h2> Picture of NewZealand </h2>
<img src=”nzimage.jpg” alt=”Test” height=”323″ style=”left: 0px; top: 12px” width=”431″>
<p style=”width: 151px”>Please<a href=”mailto:pour21@manukaumail.co.nz”>Email</a> Me<br /></p>
Please click <a href=”http://www.google.co.nz”>HERE</a> to go Google
<p contenteditable=”false”> Please click <a href=”http://www.anztech.nz”>HERE</a> Go to a website<br> </p>
<table class=”GeneratedTable”>
<thead>
<tr>
<th>
<h2>Header Cell 1</h2>
</th>
<th>
<h2>Header Cell 2</h2>
</th>
<th>
<h2>Header Cell 3</h2>
</th>
</tr>
</thead>
<tbody>
<tr>
<td class=”auto-style2″>Row 1, Cell 1</td>
<td class=”auto-style3″>Row 1, Cell 2</td>
<td class=”auto-style1″>Row 1, Cell 3</td>
</tr>
<tr>
<td>Row 2, Cell 1</td>
<td>Row 2, Cell 2</td>
<td>Row 2, Cell 3</td>
</tr>
<tr>
<td>Row 3, Cell 1</td>
<td>Row 3, Cell 2</td>
<td>Row 3, Cell 3</td>
</tr>
</tbody>
</table>
<p contenteditable=”false”><a class=”auto-style4″><strong>© 2015 My First Website</strong></a><strong> by
</strong>
<a class=”auto-style4″><strong>Fereshteh
</strong> </a></p>
</html>
************************************************
616 total views, 0 views today