How to Create Simple Websites

by Yaba!  
Filed under Internet/Gaming

Since the existence of the World Wide Web, we can`t help but notice the popularity of websites. It has become a primary advertising media for most companies since then. That`s why today, it is very important to have a website for your company. On the other hand, it`s not just for companies but also for personal use. You can create a website of your own for many reasons. Others want to share the special moments of their lives. Others create a website for a cause. Others want to have a website for popularity. And there are others who want to have a website to advertise their skills for an extra income on the side. For those interested on learning how to develop websites, here`s a quick guide on how to create a simple website all on your own!

Today, you will learn basic HTML. HTML or Hypertext Markup Language is the backbone of websites. It is the language that computers understand to display what you will see in a website. The basic template of a web page is as follows.

<html>

<head>

<title>My Website</title>

</head>

<body>

</body>

</html>

The code you see above is the foundation of a web page. The words enclosed inside the greater and less than symbols or < > are called tags. The Head tag includes the title of your website and possible descriptions among others. The Body tags include the content of your website. Notice that for every tag, there is another similar tag with an additional slash symbol or `/` in front of it. That tag with the slash means the closing tag. It is where the tag ends. So let`s begin creating your simple HTML page with the use of Notepad.

  1. Open up Notepad and create a new file.

  2. Copy the code above and replace the title with the title of your website.

  3. Inside the <body> tag, write some text information you wish to be seen in your website. If you want the text to appear on the next line, you simply need to add the tag <br> where you want the text to go to the next line. For example:

    1. Hello! This if my first line.<br>
      This is my second line.<br><br>

      This is my third line. But there is a space between the second and third because of the additional `BR` tag.

  4. Now if you want to add an image, you will need to use the Image tag like this:

    1. <img src=”/sampleimage.jpg”></img>

Note that you have to save the image in the same path or folder as your HTML page or notepad file.

  1. Now, save the notepad. You need to save it as an `.htm` file. Now go to the folder where you saved it and the n open it by double-clicking. It will open your default web browser and show you your web page. If you want to edit the file, simply right-click on the file and choose `Open with Notepad`.

Remember, this is just the basic method on creating websites. There are more tags to learn once you get the basics of it.

Comments

Comments are closed.