Post by Jordis on Dec 20, 2015 19:11:31 GMT
Add the files in attachment, you can download away : )
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css">
<title>When I am Young</title>
</head>
<body>
<div id="navbar">
<ul style="color:orange">
<li>Home</li>
<li><a href="https://www.freeforums.net" target="_blank">Forum</a></li>
<li>Gallary</li>
<li>About</li>
<li>contact</li>
</ul>
</div>
<div>
<h3 style="text-align:center; color:darkblue">My first webpage built by coding from scratch</h3>
<p style="background-color:yellow; text-align:center; font-family:Verdana; font-size:16px">Welcome to <em><strong>MY WORLD</strong></em></p>
<a href="http://www.goodtalks.freeforums.net" target="_blank">
<p style="color: lightblue, text-align:center">click <em>here</em> or the picture below to go to my forum where I just ramble</p>
<img src="http://i.telegraph.co.uk/multimedia/archive/02830/cat_2830677b.jpg" align="center"></a>
<p style="font-size:12px; font-family:Verdana">use as many cat pictures as possible so people will click on you</>
<h4>Here is a list of some other websites I built on hosting websites, so they look much much more beautiful than this one, because I could use templates and build-in widgets, anyway, they are in the past, I quit my job and have nothing to do with those webs any more.</h4>
<ol>
<li><a href="http://www.luxuryesuitevenice.com" target="_blank">www.luxuryesuitevenice.com</a></li>
<li><a href="http://www.lovecanalgrande.com" target="_blank">www.lovecanalgrande.com</a></li>
<li><a href="http://www.venicetogo.weebly.com" target="_blank">www.venicetogo.weebly.com</a></li>
</ol>
<p>
Learning coding is important because coding is a powerful skill of internet era, which can empower your imagination and greatly extend your ability to communicate and interact with people.
Oh you may noticed that this webpage doesn't have a proper address, that's because I didn't buy domain or server, now it's just a simple html file written by notepad, which you can open on your browser to see what you are seeing right now.
</p>
<table border="1px">
<th colspan="3">Time table</th>
<tr>
<td>Monday</td>
<td>Tuesday</td>
<td><strong>Wednesday<strong></td>
</tr>
<tr>
<td>Montag</td>
<td>Dienstag</td>
<td>Mittwoch</td>
</table>
<div style="background-color:orange">This is <span style="color:red">a table</span></div>
<p>another group of cat pics</p>
<table>
<thead>Table</thead>
<th colspan="3">Alphabet</td>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td> <td></td>
</tr>
</table>
</div>
<div id="footer">
<p>Contact <br> Careers<br> About<br>
</div>
</body>
----------------------------
here is the CSS code
p {
font-size:16px;
font-family:Verdana
}
#navbar {
font-family:Verdana;
font-size:24px;
position: fixed;
top:35px;
right:0%;
margin-right:5px;
}
#footer{
clear: both;
position: relative;
bottom: -0px;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
height: 80px;
background-color: #3c4543;
}
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css">
<title>When I am Young</title>
</head>
<body>
<div id="navbar">
<ul style="color:orange">
<li>Home</li>
<li><a href="https://www.freeforums.net" target="_blank">Forum</a></li>
<li>Gallary</li>
<li>About</li>
<li>contact</li>
</ul>
</div>
<div>
<h3 style="text-align:center; color:darkblue">My first webpage built by coding from scratch</h3>
<p style="background-color:yellow; text-align:center; font-family:Verdana; font-size:16px">Welcome to <em><strong>MY WORLD</strong></em></p>
<a href="http://www.goodtalks.freeforums.net" target="_blank">
<p style="color: lightblue, text-align:center">click <em>here</em> or the picture below to go to my forum where I just ramble</p>
<img src="http://i.telegraph.co.uk/multimedia/archive/02830/cat_2830677b.jpg" align="center"></a>
<p style="font-size:12px; font-family:Verdana">use as many cat pictures as possible so people will click on you</>
<h4>Here is a list of some other websites I built on hosting websites, so they look much much more beautiful than this one, because I could use templates and build-in widgets, anyway, they are in the past, I quit my job and have nothing to do with those webs any more.</h4>
<ol>
<li><a href="http://www.luxuryesuitevenice.com" target="_blank">www.luxuryesuitevenice.com</a></li>
<li><a href="http://www.lovecanalgrande.com" target="_blank">www.lovecanalgrande.com</a></li>
<li><a href="http://www.venicetogo.weebly.com" target="_blank">www.venicetogo.weebly.com</a></li>
</ol>
<p>
Learning coding is important because coding is a powerful skill of internet era, which can empower your imagination and greatly extend your ability to communicate and interact with people.
Oh you may noticed that this webpage doesn't have a proper address, that's because I didn't buy domain or server, now it's just a simple html file written by notepad, which you can open on your browser to see what you are seeing right now.
</p>
<table border="1px">
<th colspan="3">Time table</th>
<tr>
<td>Monday</td>
<td>Tuesday</td>
<td><strong>Wednesday<strong></td>
</tr>
<tr>
<td>Montag</td>
<td>Dienstag</td>
<td>Mittwoch</td>
</table>
<div style="background-color:orange">This is <span style="color:red">a table</span></div>
<p>another group of cat pics</p>
<table>
<thead>Table</thead>
<th colspan="3">Alphabet</td>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td> <td></td>
</tr>
</table>
</div>
<div id="footer">
<p>Contact <br> Careers<br> About<br>
</div>
</body>
----------------------------
here is the CSS code
p {
font-size:16px;
font-family:Verdana
}
#navbar {
font-family:Verdana;
font-size:24px;
position: fixed;
top:35px;
right:0%;
margin-right:5px;
}
#footer{
clear: both;
position: relative;
bottom: -0px;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
height: 80px;
background-color: #3c4543;
}