print page

How to make a basic webpage

Basic HTML. Getting Started

By Jason J. Russo

Since I've decided to revitalize this website, I've been working for years building web sites, developing apps and I figured it's a good time for me to give back to the web community by sharing my knowledge. I don't even really know where to start, I have so many scripts lying around my computer but I figure it'll be faster to start with the basics and simple scripts.

One of things that bothers me the most is how often designers and developers lean on web developing programs to do all the HTML work for them. Don't get wrong, these programs are amazing and can really help speed up your web page design and assist you in building a great website.

But every now and again there'll come a time when you're going to need to add some code to your website, or edit some paths in your image tags, or maybe change a JavaScript code snippet. Having some basic knowledge of HTML can save you both time and hours of frustration. I've seen it first hand, a webmaster will ask me for help with his webpage after he/she spent hours trying to fix, and it was a matter of a one simple line of code.

In Today's lesson I will cover your basic ingredients of a webpage, how to code a hyperlink, and how to code an image.

Your basic web page consists of the following code:
<HTML> --- Begins the web page.
<HEAD> --- Header tag. (usually where you place your javascripts and css tags)
<TITLE> --- TITLE OF YOUR WEBPAGE (appears in browser and key to search engine listing.) >/TITLE>
</HEAD> --- end header tags
<BODY> --- Start your web pages BODY copy, text, images, etc...
</BODY> --- End your web page BODY.
</HTML> --- End your web page HTML

[View Example]