Home
About Me
Portfolio
Links
The Code
Contact
Blog

The Code that goes into a Web Page

Inside every web page there is a mountain of code. To some it looks like double Dutch but to others it is a beautiful sight to behold.

Even in a simple page like this one that you are currently reading, there's an awful lot of angle brackets and semi-colons. Here's the code that has gone into this page.

<!DOCTYPE html>
<html>
<head>
<link rel="icon" type="image/ico" href="#">
<title>Orna Online | The Code </title>
<link rel="stylesheet" type="text/css" href="#">
</head>
<body>
<div id="wrapper">
<div id="header"><a href="#" title="Home"><img src="#"> </a>
<!--Hex social media button START-->
<!--
autor: Marco Barría
https://twitter.com/marco_bf
-->
<div class='hexagon'>
<ul>
<li class='polygon_top'>
<a href="#">YouTube</a>
</li>
<li class='polygon_top'></li>
<li class='polygon_top'>
<a href="#">Google+</a>
</li>
<li class='polygon_bottom'>
<a href="#">LinkedIn</a>
</li>
<li class='polygon_bottom'></li>
<li class='polygon_bottom'>
<a href="#" target="_blank">Twitter</a>
</li>
</ul>
</div>
<!--Hex social media button END-->
</div> <!-- end of HEADER div -->
<div id="content">
<div id="left-col">
<table id="side-nav" >
<tr>
<td><a href="#">Home</a> </td>
</tr>
<tr>
<td><a href="#">About Me</a></td>
</tr>
<tr>
<td><a href="#">Portfolio</a></td>
</tr>
<tr>
<td><a href="#">Links</a></td>
</tr>
<tr>
<td><a href="#">Contact</a></td>
</tr>
<tr>
<td><a href="#">The Code</a></td>
</tr>
<tr>
<td><a href="#" target="_blank">Blog</a></td>
</tr>
</table>


<!--Random quote generator-->
<div id="QuotesOne">
<div id="QuotesTop">
<img src="#">
</div> <!-- end of QUOTESTOP div-->
<script type="text/javascript">
//store the quotations in arrays
quotes = [];
authors = [];
quotes[0] = "The mind is everything. What you think you become.";
authors[0] = "Buddha";
quotes[1] = "The successful man will profit from his mistakes and try again in a different way.";
authors[1] = "Dale Carnegie";
quotes[2] = "Success is not final, failure is not fatal: it is the courage to continue that counts.";
authors[2] = "Winston Churchill";
quotes[3] = "Always be a first-rate version of yourself, instead of a second-rate version of somebody else.";
authors[3] = "Judy Garland";
quotes[4] = "We cannot teach people anything; we can only help them discover it within themselves.";
authors[4] = "Galileo Galilei";
quotes[5] = "Life is either a great adventure or nothing.";
authors[5] = "Helen Keller";
quotes[6] = "To improve is to change; to be perfect is to change often.";
authors[6] = "Winston Churchill";
quotes[7] = "To conquer fear is the beginning of wisdom.";
authors[7] = "Bertrand Russell";
quotes[8] = "I know that I am intelligent, because I know that I know nothing.";
authors[8] = "Socrates";
quotes[9] = "Most of us have far more courage than we ever dreamed we possessed.";
authors[9] = "Dale Carnegie";
quotes[10] = "Optimism is the faith that leads to achievement. Nothing can be done without hope and confidence.";
authors[10] = "Helen Keller";

//calculate a random index number
index = Math.floor(Math.random() * quotes.length);

//display the quotation
document.write("
\n");
document.write("
" + "\"" + quotes[index] + "\"
\n");
document.write("
" + "-- " + authors[index] + "\n");
document.write("
\n");

//done
</script>
<div id="Quotebot">
<img src="#">
</div> <!-- end of QUOTEBOT div-->
</div> <!-- end of QUOTESONE div-->
</div><!-- end of LEFT-COL div-->

<!--JavaScript form to go here-->


<div id="mid"><h1>The Code that goes into a Web Page</h1>
<p>
Inside every web page there is a mountain of code. To some it looks like double Dutch but to others it is a beautiful sight to behold. </p>
<p>
Even in a simple page like this one that you are currently reading, there's an awful lot of angle brackets and semi-colons.
Here's the code that has gone into this page.
</p>

</div>

</div> <!-- end of CONTENT div -->
<div id="footer"> & #169; OrnaOnline 2014. All rights reserved.</div> <!-- end of FOOTER div-->

</div> <!-- end of WRAPPER div -->

</body>
</html>


Clicking here will bring you back to the top of the page