HTML is the language for websites. It stands for Hyper Text Markup Language and can be written to create websites just like this one.
In this tutorial you will learn: “Beginner HTML Tags“, “Inserting Links & Images“, and “Page Titles“.
HTML can be written in many different programs, but in this tutorial we will be using Notepad.
Press, Start——> Run——> Notepad——> Then press Enter
Beginner Tags
To start off the HTML code, you must type the beginning HTML tag .
<html>
This begins the HTML code so that notepad will know that you are writing an HTML page.
HTML is always opened with <html> and closed with </html> so the page would look like this,
<html>
All webage content here.
</html>
Now that we know how to open and close an HTML page, lets learn how to insert Links & Images.
Links & Images
Inside of the opening and closing tags, you can insert many objects such as Links & Images to insert a link, you will need to learn the Link code. Which is,
<html>
<a href=”http://www.WebsiteHere.com”>What your link will say here.</a>
</html>
This will post a link on your page such as this one, Link! =D
You can also make these links open on a new window using this code:
<html>
<a href=”http://www.WebsiteHere.com” target=”_blank”>What your link will say here.</a>
</html>
Now the link will open in a new window so that the user may remain on both pages. Link! =D
Now that we understand Links, we can learn how to insert Images on to our webpage.
To insert an image, you must first have one uploaded to a website or find one. This is called the image “source”.
This image code looks like this:
<html>
<img src=”http://www.Website.com/image.jpg”>
</html>
This will post the image such as this one: 
You can also make pictures with both codes combined:
<html>
<a href=”http://www.WebsiteHere.com”><img src=”http://www.Website.com/image.jpg”></a>
</html>
That code will result in this:
When inserting images, you can also resize them with this code:
<html>
<img src=”http://www.Website.com/image.jpg” width=”100″ height=”100″>
</html>
The previous code will resize your image to your needs such as this one:
Of course you can always add links into the image and make it open on a new page. So here is the code that would do all of what you have learned combined:
<html>
<a href=”http://www.WebsiteHere.com”><img scr=”http://www.Website.com/image.jpg” width=”100″ height=”100″></a>
</html>
Now for the final tutorial, Page titles.
Page Titles
The “Page Title” will apear at the top of your page so that the user on the page will know what the page consists of or what page they’re on.
Here’s the code:
<html>
<title>Page Title Here</title>
</html>
This is a very, very simple code to remember and very helpful for your webpage veiwers as well.
So to put all of this together, your code would be:
<html>
<title>Page Title Here</title>
<a href=”http://www.Website.com” target=”_blank”>Link! =D</a>
<a href=”http://www.Website.com” target=”_blank”><img src=”http://www.Website.com/image.jpg” width=”100″ height=”100″></a>
</html>
That’s it for the beginner HTML tutorial. Please check back soon for more easy and fun tutorials!
-xCasualty
