User:Achapman/My try2
<head> <style type="text/css">
body { color: black; background-color: black;}
h1 {color:white; font-family:Calibri; font-size:xx-large; text-align:center;} h2 {color:white; font-family:Calibri; font-size:large; text-align:left;} p {color: white;font-family:Calibri;} a {color:white;font-family:Verdana; font-size:large;text-decoration:none;} a:hover {color:#CCCCCC;} ul {color: white;font-family:Calibri;} hr {color:white;}
- container { width:700px;
background-color: green; margin-left: auto; margin-right: auto; padding: 10px; border: 3px solid #ACFF84; }
- table1 {color: white; font-family:Calibri;text-align:top;}
- links_small {color:white; text-align:center;font-size:small;}
- links_small a {color:white;font-family:Verdana; font-size:small;text-decoration:none;}
- links_small a:hover {color:#CCCCCC;}
</style>
</head>
<body>
My Eportfolio
<a href="page1.html">HOME</a> <a href="page1.html">GRAPHICS</a> <a href="page1.html">MOVING IMAGE</a> <a href="page1.html">BROCHURE</a>
Brief
Create an Eportfolio to showcase your work from your computing classes in Year 9 and Year 10. The Eportfolio needs to record learning process as well as your final product.
Teacher Specification
- Pages must be made using notepad and HTML
- The proper file structure must be used and correct filenames
- The eportfolio must have an index page
- The eportfolio must have links between pages and contain images
- The eportfolio must show your reflection on your learning process
If you want to put text next to a picture the easiest way to do it is by using a table like this. Rememeber to use valign="top" to start this text in line with the top of the picture. You can use a table to layout parts of your page, like the link sections. The links on this page have been seperated using the   space | .<img src="images/cat.jpg" alt="picture of cat" /> |
<a href="page1.html">HOME</a> | <a href="page1.html">GRAPHICS</a> | <a href="page1.html">MOVING IMAGE</a> | <a href="page1.html">BROCHURE</a>
</body> </html>