Design a Website Using HTML, Java and CSS Script

Let’s see some very simple HTML tags / scripts to design a webpage. Take an example of a Library Website. Click the link below and see how it looks.

How to Learn and Test HTML Codes: The Simplest Tool?

If you are really interested to learn or test a HTML script, then here are the steps. There are plenty of tools to create webpages using HTML codes. But I am going to give you the most simple tool to learn HTML.

The tool, you will need to use a text editor like “Notepad (for Windows).”

Steps to Create a Webpage in HTML using Notepad

  • Open Notepad
  • Create New Document
  • Save File in HTML
  • View the saved File in Web browser

Step 1:

Open Notepad (for Windows). For this , Open the Click the window symbol at the bottom left on your screen and type Notepad. Click over Notepad.

OR,

Open Start > Programs > Accessories > Notepad. See the screenshot which will be appeared on your screen.

Notepad Image

Step 2:

Create a New Document. Go to Notepad Menu and under the File, click New. Write a simple HTML code into Notepad. See the example below:

Notepad with HTML Code

Step 3:

Save the file you have created.  To do this, select File from Notepad Menu, choose ‘Save As…’ and give the filename with an extension either “.html” or “.htm”.

Saving Notepad with HTML
Saving a Notepad with HTML

Step 4:

View the saved HTML File in any Web browser. For this either Double Click on the File or Right click on the File and choose “Open with..” (Eg. Google Chrome, Firefox, Opera etc.)

The result you find will be similar to this:

View HTML Code in Notepad

Simple HTML Tags to Learn

Following are some simple HTML and CSS tags to see how these work. Click any of the Links below: