Introduction

Every website is made up of code. Today we will be making our own website from scratch. Here are a few basic things you'll need:

Tags: Tags are always in brackets like these < >. Tags organize the code into different types of information. They also add styles and format to your text.
Here are some examples of tags: <body>, <title>, <p>, <i>.

Most tags have an opening tag and a closing tag.
Here are some examples of how to close a tag: </body>, </title>, </p>, </i>

Notice anything? That's right. To open a tag, you simple type the tag in brackets like <tag>. To close a tag, simple write the same thing but add a "/" in the front, like </tag>.

It is very important to close your tags!

Here is what happens when we forget to close the italics tag. It continues for the rest of the webpage until I close it! I'll close it...now.

Now that we have the basics down, here is an example of how you can make your own webpage. We will explain the specific tags in class:

<!DOCTYPE html>
<html>
<head>
<title> Your Title </title>
</head>
<body>
<h1> Lemon Hill Kids Website <h1>
Type anything you want here!
</body>
</html>

That's it! Try it out. Copy the code above into Notepad. Replace Your Title with whatever you want your web page's title to be. Write something in the body. Then save the file as an HTML file and open it in a browser. You've just made your first web page.



Some tags to customize your webpage:
<b> </b> (For bolding text.)
<i> </i> (For italics.)
<body style="background-color:aqua"> (Use this to change the background of your webpage)
<img src="http:<insert URL>" width="#" height="#"> (Use this to insert an image)
<br> Add a line break.

For more background colors, click here.