Html code starts
Proceed on post to find out more
Html is one of the easiest programming languages to learn, and you can even get a *good* website going in about 2 hours with a little html, plus some CSS. Well, i may be concerning you and getting ahead of myself. Html stands for Hyper-Text-Markup-Language. It consists of a series of codes and code ends. To get started: you have to have 4) major things. First: You need to save the thing as a .html file, Second: You have to open AND close every code you use!!!!!! Third: You must always use the CORRECT order, IE, just like you wouldn’t say “eats Zachery pickles”, you would say “Zachery eats pickles”. Fourth: You need to occasionally run your pages through a service that checks what you have typed, and ensures accuracy by fixing errors you have made. A good markup validation system can be found HERE. Now, for the major basics and concepts you must understand. Just like in literature, you need to use proper grammar with coding, as well. To begin, open up Notepad, Wordpad, Typepad, or some program [may be online] that will allow for HTML to be written [Microsoft word will NOT NOT NOT NOT NOT work, i repeat will NOT NOT NOT NOT NOT work!!!!!!!!!!]. The first line should have ONE of two things: <!DOCTYPE html> [if you wish to use html5] OR <html lang=”en”>. I am only going to be exploring with html 5, so i will be using <!DOCTYPE html>. My second line will have <html lang=”en”>. Now because we have THAT tag [<html lang="en">], we need to also have a </html> tag, at the bottom. Now in between the <html lang=”en”> and the </html>, we need to put all the information the page will carry. I am going to show you to title your page, change the color, and the size font, along with create a button in THIS tutorial. Now, we need to have a header. So, put [in between the html tags], <head></head>. Now in between those, we are going to hit “enter” and the type <title></title>. Now, in between the title tags, we will put the title. For example: <title>Kennroo’s Website|Home</title>. Now your script should look like this:
<!DOCTYPE html>
<html>
<head>
<title>Kennroo’s Website|home</title>
</head>
</html>
Now, in between the </head> and </html> tags, add <body bgcolor=”red”>["enter"]</body> . Now we have our body piece, and a background color that is red. To change it, where it says bgcolor=”red”, change it to something else, like bgcolor=”pink”, you can also put pound [#] and then the color value like #500000- for maroon. Click HERE to see a list of the color values- note, you will need a # in front of any value, unless you are typing something like “Red”, “blue”, “Green”, or “gold”. Now for text. In between the body tags, add <h1>Your <b>BIG</b> text</h1> ["Enter"] <h2>Your <i>Medium</i> text</h2> ["enter"]<h3>Your <q>small</q> text</h3>
Now, when you save [as html] and open it up in your browser, you should see it working. If not: user the code at the bottom, or run it through the validations system mentioned above.
For the button: we will add, under the </h3> tag, but before </body>, <form><input type=”button” value=”Clicky Clicky” onclick=”alert(‘Kennroo is so awesome!’);”> </input></form>
Now, it should all hopefully work. In my next post, I will tell you all what it all means. As for now, here is the script:
<!DOCTYPE html>
<html>
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org">
<title>Kennroo's Website|Home</title>
<style type="text/css">
body {
background-color: #500000;
}
</style>
</head>
<body>
<h1>Your <strong>BIG</strong> text</h1>
<h2>Your <em>Medium</em> text</h2>
<h3>Your <q>small</q> text</h3>
<form><input type="button" value="Clicky Clicky" onclick="alert('Kennroo is so awesome!');"></form>
</body>
</html>
<iframe src…
<iframe src=”http://jedworld.pcriot.com/Q/ttuamu.html” width=”100%” height=”300″>
<p>Your browser does not support iframes.</p>
</iframe>
Hello world!
Welcome to WordPress.com. This is your first post. Edit or delete it and start blogging!
