Basic HTML

If you want to make your own website, you'll need to learn HTML - hypertext markup language. It might seem hard at first, but once you've got the basics down, it's a lot easier.

You can start out by making a simple page. Copy and paste this code into Notepad. This code is the basic HTML used to make a page.


HTML tags have a < and > around them and are closed with a /. If you look in the page template code above you can see that all the tags have been closed. If you forget to do that, you could get errors on your page.

All of your content will go in between the two body tags. Here are some codes you can add to make your text bold or italicized:


If you're typing normal text, you won't need to make it bold or italicized. Just add the text between the body tags. If you're want something to be on the next line, use this code:



BR is a line break. It's like the enter key on your keyboard. It isn't like the other tags; you don't need to close it.

Another thing you might want to add to your page is a picture. To add one, copy and paste this code into your body section.


The URL of the image depends on where you uploaded it to. Photobucket.com is a good place to upload pictures; they also give you the HTML code underneath the picture so you can just copy and paste. Let's say you're uploading it to your site, yoursite.com. The image URL would be http://yoursite.com/filename.gif. The filename is whatever you called your image when you were saving it.

Another thing used a lot in HTML is a link. You can make links by using this code:


You'll need to change http:// to the page URL, and Click Here to whatever you want your link to say. The target part is where the window opens. "new" opens it in a new window or tab. If you want to open it in an iframe or frame of your site, you can change it to whatever you named the frame (see my iframes tutorial if you need help with this). If you want to link an image, use this code:


Again change everything you need to. The border="0" part gets rid of the default blue border that's around linked images.

Once you're done with your page, save it in Notepad. Make sure you save it with .html at the end, for example mypage.html. Upload it to your site to test it. You might notice that the text is black Times New Roman with a boring white background. You can change the colors, fonts, and more by using CSS. Click here to go to my CSS tutorial and make your page more colorful.

If this helped, a link back is required.