Here are the sites of which I did not "think about" the other day:
Number 1: Simply Helvetica!
Simply Helvetica allows you to just write what ever is on your mind and then send it to your self with the click of a button.
The HTML code to create this website is:
<html>
<head>
<style type="text/css">
body {color: white; background-color: navy; text-align:center;}
h1 {font-family: Helvetica; margin: 4em; background-color:red;}
p {font-family: Helvetica; font-size:20px;}
</style>
</head>
<body>
<h1> Welcome to Simply Helvetica. </h1>
<p> Enjoy the simplicity of helvetica, for this is the place where you can truly <br> type to your hearts content. Nothing written here is recorded, or remembered. <br> So just enjoy the free writing! </p>
<input type="button" onclick="location.href="mailto:someone@example.com?body="+document.getElementById("message").value;" value="Send to self">
<form action="">
<textarea id="message" name="message" rows="50" cols="100" style=" color:white; background-color:navy; border-color: navy; margin: 2em; font-family: Helvetica; font-size:14px;">
Write right here!</textarea>
</form>
</body>
</html>
Number 2: Computer Zone!
Computer Zone allows you to read, write and view examples of HTML code!
Sub Zone 2 does go a lot further but I didn't want to fill up this post with pictures. Lets just take into account that it's examples of code that you can read. The code to create this site is:
<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd>
<html lang="en">
<head>
<title>Computer zone</title>
<style type="text/css">
body { Background-color: black;
}
h1 { color: green; border: solid; border-color: green; border-radius: 2em; background-color: black; font-size 60px; font-family: monospace; text-align: center;
}
p {font-family: monospace; font-size: 17px; color: green;
}
</style>
</head>
<body>
<h1>Computer Zone</h1>
<hr>
<p> This is the computer zone site. Please make your self at home and enoy.<br> You can Read, write, and view examples of code in the different sub zones.</p>
<br>
<br>
<h1 style="color:green; text-align: center"> sub Zone1: Code practice:</h1><br>
<textarea rows="20" cols="45" style="color:green; margin: 2em; background-color: black; border-color:green; border-radius: 2em; border-width: 2px;">
Type code here...</textarea>
<h1> sub Zone 2: Read HTML Examples: </h1>
<p> <b>Basic HTML elements: </b>
HTML Headings
HTML headings are defined with the < h1 > to < h6 > tags.
<br>
<br>
Example
<br>
<br>
<h1>This is a heading</h1>
<br>
<h2>This is a heading</h2>
<br>
<h3>This is a heading</h3>
<br>
<h4>This is a heading</h4>
<br>
<h5>This is a heading</h5>
<br>
<h6>This is a heading</h6>
<br>
<br>
<b>HTML Paragraphs</b>
<br><br>
HTML paragraphs are defined with the <p> tag.
<br>
<br>
Example:
<p>This is a paragraph.</p>
<br>
<p>This is another paragraph.</p>
<br>
HTML Links
<br>
<br>
HTML links are defined with the <a> tag.
<br>
Example LPP
<br><br>
Note: The link address is specified in the href attribute.
<br>
<br>
<br>
HTML Images
<br>
<br>
HTML images are defined with the <img> tag.
<br>
<br>
Example
<br><br>
<img src="ivn.jpg" width="104" height="142" /> </p>
<hr>
<br>
<br>
</body>
</html>
I hope you somewhat enjoyed reading the code and viewing the site, but if you didn't then you know what go ahead and Send me an email sating what kind of website I should make next. Even if this is 10 years from now that you are reading this go ahead and email me what site I should make at simplegamedev101@gmail.com. Thanks Reading Mind Readers!
Catch ya next time!
No comments:
Post a Comment