INDEX

Title Page
1 How to setup Apache HTTP on Windows? 2

2 How to test HTML applications on Windows? 3

3 Demonstrate paragraphs, line break and preformatting tag in 4

HTML.
4 Demonstrate hypertext links in HTML. 5

5 Create a Web page that includes graphic elements. 6

6 Create a data table on a web page. 7

7 Create forms on a web page that will include several text fields. 8
 2
Assignment: 01
Assignment Name: How to setup Apache HTTP on Windows?
Requirements:
To illustrate the steps below a Windows 7 64-bit computer was used. The Windows computer was connected to a local area
network (LAN) that has Internet access. You also need to know the IP address of your computer. You can find your IP address
by typing ‘ipconfig’ at a command prompt. Find the entry labeled ‘Ethernet adapter Local Area Network’ and take note of the
IPv4 address.
It is recommended to disable the Windows Firewall before starting the Web Server setup. The steps below are for a fresh
installation of Wampserver (assumes that Wampserver had not been installed before).
Installing Wampserver:
Download WAMP from http://www.wampserver.com/en/ . You will have the option of choosing 64-bit or 32-bit installation
depending on your PC. This example uses the 64-bit installation. Locate the downloaded Wampserver file and click on it. This
will open an installation wizard as shown in Figure 1. Follow the instruction wizard and leave the default settings as they are.
After successful installation you will get the window shown in Figure 2. Leave the ‘launch WampServer 2 now’ box checked
and click on ‘Finish’ button (in future you can start WampServer by clicking on your Start menu and clicking on its menu). On
your toolbar, you should now see a ‘W’ shaped icon. On left-clicking this icon, you get the pop-up management console in
Figure 3. Click on ‘Start all services’ and then check the ‘W’ icon on your toolbar. If the ‘W’ icon is green it means that all
services are running. If it is red it means that no services are running. If it is orange it means that some services are running. If
everything was installed correctly you should see a window such as the one in Figure 4.
 3
Assignment: 02
Assignment Name: How to test HTML applications on Windows?
Requirements:
 Notepad or Notepad++
 Any Web browser on your computer

Write a simple program in HTML:

Here we write the simple program using notepad++ and type HTML a example of HTML
h and p tag. And save it as .html extension (index.html) now we will run it via a web
browser for see the output.

Output:
 4

Assignment: 03
Assignment Name: Demonstrate paragraphs, line break and preformatting tag in
HTML
Requirements:
 Notepad or Notepad++
 Any Web browser on your computer

HTML program using line break and Perforating tag:

Here we write the simple program with and display a paragraph using line break and
formatting tag. <br/> tag for line break and <pre> for formatting
Output: After opening via web browser we see the following ooutput:
 5

Assignment: 04
Assignment Name: Demonstrate hypertext links in HTML.
HTML
Requirements:
 Notepad or Notepad++
 Any Web browser on your computer

Hypertext example using <a> tag:

Here we used <a> tag for link with www.w3schools.com page as a hyper link.
When user click on the link then it will go on www.w3schools.com page.
Output:
 6
Assignment: 05
Assignment Name: Create a Web page that includes graphic elements.
Requirements:
 Notepad or Notepad++
 Any Web browser on your computer
 Create a folder for images and put a image in the folder to link
Program:

Output:
 7
Assignment: 06
Assignment Name: Create a data table on a web page.
Requirements:
 Notepad or Notepad++
 Any Web browser on your computer
Program:

Output:
 8
Assignment: 07
Assignment Name: Create forms on a web page that will include several text fields.
Requirements:
 Notepad or Notepad++
 Any Web browser on your computer
Program:

Output: