Basic HTML Tags

December 5th, 2008

Formatting Tags

- <b>bold</b>
- <strong>strong</strong>
- <u>underlined</ul>
- <i>italics</i>
- <em>emphasis</em>
- <strike>strike through</strike>
- <center>This centers text on the page</center>
- <tt>teletype text</tt> (typewriter text)
- <blockquotes>blockquotes</blockquotes>

Links

- Basic Link <a href=”url”>link title</a> (where ‘url’ is the page you want to link to and ‘link title’ is the word/s that you want the link to say.
- Email Link <a href=”mailto:EMAIL”></a> (where ‘EMAIL’ is the email address you want to be a link).

Heading Tags (vary according to CSS)

- <h1>An important heading</h1>
- <h2>A slightly less important heading</h2>
- <h3>A less important heading again</h3>
- <h6>The smallest heading</h6>

Font Tags

- Font Size – <font size=”x”>text to change</font> – change ‘x’ value to get different sizes. 1 is small and 7 is big.
- Colors – <font color=”#FF0000?>I’m red!</font>
Font type – <font face=”Arial”>Hello there</font>

Image Tags

- Basic Image tag – <img src=”url”> (where url = the url of the image you want to show)
- Image with sizing <img src=”url” width=”200? height=”150?>
- Align image left – <img src=”name” align=left> (substitute ‘left’ with ‘right’ to align it right)
- Alt Tags – <img src=”url” alt=”short description of image”> (an alt tag tells the reader what they are missing if the image doesn’t load in their browser.
- Image as a link – <a href=”link url”><img src=”url”></a> (where ‘link url’ is the url of the page you want the image to link to and ‘url’ is the image location).
- Image with border – <img border=”1? src=”url”> (the larger the number in the border “” the thicker the border)
- Space Around Image <img src=”url” hspace=10 vspace=10> (hspace is the horizontal space and vspace is the verticle space. The numbers are the amount of pixels sounding the image)

Unordered Lists (usually bullet point type lists)

<ul>
<li>the first list item</li>
<li>the second list item</li>
<li>the third list item</li>
</ul>

Ordered Lists (usually numbered lists)

<ol>
<li>the first list item</li>
<li>the second list item</li>
<li>the third list item</li>
</ol>

Posted by admin in Basic Website

First Web Page

September 22nd, 2008

To create a web page you do not need any software application. You can simply create it with Note Pad already installed on your computer. In order to use Note Pad you need some knowledge of HTML (Hyper Text Markup Language). This is the language that is written behind every page you see on the internet. So open Note Pad on your computer and type the following text.

<html>

<head>
<title> Your Page Title Goes Here </title>
</head>

<body >

<h1> My first page </h1>

This is my first web page.</body>

</html>

Save this file as default.html and there you go! You have created your first web page. Remember that the extension for a Note Pad (Text File) is .txt, so you will need change the extension to htm or html. Now you have this page on your computer. For the world to be able to see this page we need to put this on the server. In order to transfer this to the server you will need an FTP program. I usually use Core FTP. You can download the free version here:

http://www.coreftp.com/download.html

You might find more free FTP on internet. All these applications are pretty simple to use. You have to enter the domain name, FTP login and password. This FTP login and password must be provided to you when you purchased your hosting account. If you don’t have this please contact your Hosting Provider.

So once you enter all the information in the FTP program and connect to the server you will see a few folders on the server. Some service providers require you to copy your files in a folder called www. If you service provider provides you mulitple domains under once account then you might see a folder with your site name. So be sure to find the right folder and find the file you saved on your computer and transfer it to the Server. Usually FTP programs will show a File Explorer for your computer on the left side where you can browse to your files and hit a transfer button or select transfer from the menu. The FTP program will show you a message that your file has been uploaded successfully.

Now it’s time to view the page we just made. So open your browser, if you have windows you should have Internet Explorer already installed or if you are a MAC user you should have Safari. In case you don’t have any of these, you can download any of these for free of internet.

So once you have the browser open, type in your website address. You will see the page that you just created.

Remember that the name of the page should be default.htm, default.html, index.htm or index.html . These are the default page names that the server recognizes as the home page. If you have saved your page with any other name e.g mywebsite.html then you will have access it as www.YourDomainName.com/mywebsite.html.

So there you go, the page looks quite simple but you have created one. Don’t worry this is just the beginning. Before we move ahead I would like to explain some basic HTML tags that are commonly used when creating websites. So please see my next post

Posted by admin in Basic Website

Register & Host Your Website

July 13th, 2008

Hi Everyone!

This tutorial is intended to teach you some basics of creating a web site. If you are an individual or a small business that wants to create a basic website so that the world can find you, you’ve come to the right place.

So now that you are thinking about creating a website, first thing you need to think about is what would be the name of your website? This is the URL people would type in the address bar of the browser to come to your website. If you have not registered a website already. You can find a lot of good registrars online. I personally use www.godaddy.com. There prices are much cheaper and provide excellent customer service. It would cost you about 9-10 dolars to register your website for a year. Any site you use to register your domain will offer you more products but I believe to begin with, all you need is a Domain Name(Your Website Name) and a Hosting Plan.

While registering your domain name you might come across this problem that the name you wanted is already taken. Don’t get disappointed because you can try a few more things. e.g. if you wanted to register makewebsite.com and it’s already taken. You can try for makewebsite.net or you can place hyphens or underscores (_) between the words, so you can search for make-website.com or make_website.com.

So now I assume that you have registered your website. Please make sure that you write down your username and passwords at a place where you can remember and save all the emails you received from your Registrar.

Now, our next step would be to have a hosting account. Hosting Account is your account that you create on a Server, where you can upload all your files and images. I personally use www.servergrid.com. The best thing about them is that you can host mulitple websites under one account. Again, save your login and password at place where you can find it later.

So now we have a Domain Name and a Hosting Account. Now we need to start working on your first page for the website. Are you excited? Please read my next post

Posted by admin in Basic Website