ICT HTML

[Total Ma0rks 50] Time-30 Mins

1. Create the above Home page by using HTML and save it “Index.htm”. [15Marks]
2. Create another HTML document as shown in above picture having web address etc and save it as
“Top.htm”. [05Marks]
3. Display it on the top frame on the web(Top frame) [05Marks]
4. Create third HTML document and add 3 links as shown in the picture, save the file as “Left.htm”
[05Marks]
5. Create fourth HTML document with the several subject in NCTCT course and save as
“Main.htm” [15Marks]
6. Create links to load HTML document you created, to the main area (Right Frame) of the web
page [05Marks]

(At least one link should be created to load main.html document when you click link) [05Marks]

107 Vocational Training Authority of Sri Lanka - Jaffna

ICT HTML
[Total Marks 50]

1. Create the below Homepage by using HTML and save it as “Main.html”. [10Marks]

2. Create another HTML document as shown in above picture having “NAITA, VTA, and NYSC”
and save it as “Top.Html”. [05Marks]
3. Create another HTML document as shown in above picture having “Details of the NCTCT new
Syllabus” and save it as “bottom.html”. [10Marks]
4. Create HTML page with “Personal Computer” Modules as shown below (PC.html)
[10Marks]

5. Create a HTML page with “Operating System” Details as shown below use any picture(OS.html)
[05Marks]

6. Create a HTML page with two links (Personal computer, Operating system) and save with
suitable name (Left.html) [15Marks]

108 Vocational Training Authority of Sri Lanka - Jaffna

ICT HTML
[Total Marks 50]
1. Create the following home page by using HTML and save it as “Home.html” [15Marks]

2. Create a hyperlink to “Registration” to open the “Details.html” page [05Marks]

3. Chang the page title as “NITC” in the “Home.html” web page. [05Marks]
4. Create the following “details.html” web page using illustrated controls . [20Marks]

5. Create a hyperlink to go to “Home.html” web page, when you click on “Back” on the
“Details.html” web page above. [05Marks]

109 Vocational Training Authority of Sri Lanka - Jaffna

ICT HTML
[Total Marks 50]

Create the following web page using HTML

1. The title of the page should be “IT COURSES” [05Marks]

2. Add a marquee of “SKILLS DEVELOPMENT PROJECT”

Font size = 6 and make the text bold [07Marks]

3. Insert a horizontal line. Line color = Red, width 90% and size 8 [08Marks]

4. Write the text “INFORMATION TECHNOLOGY COURSE”

Font size = 5 and make the text bold [06Marks]

5. Create and unordered list to display the courses NCICT and NDICT [04Marks]

6. Design a table display the institute names and their codes.

Table Border = 1 Width = 25% Height =150

Background Color of the Table = Pink [16Marks]

7. Save the file as my web page.html [04Marks]

110 Vocational Training Authority of Sri Lanka - Jaffna

ICT HTML
[Total Marks 50]

Create the following web page using HTML.

1. The file of the page should be “APPLICATION FOR THE NDICT COURSE” [05Marks]

2. Add a marquee of “APPLICATION FOR THE NDICT COURSE” Font size = 6 and make the
text bold [07Marks]

3. Insert a horizontal line. Line color = “Red”, width 70, size = 8, Alignment = “center”
[10Marks]
4. Create an on line text boxes, check boxes and buttons [24Marks]

5. Save the file as my web page.html [04Marks]

111 Vocational Training Authority of Sri Lanka - Jaffna

ICT HTML
[Total Marks 50]

Create the following web page using HTML.

1. The Title of the page should be “Wasana”. [05Marks]

2. Insert a table and place any two pictures and the phrase “Welcome to Wasana Family
Restaurant” (you may use any font format and table width or, Height but Table border = 0)
[15Marks]
3. Insert a horizontal line. Line color = “Red”, width 70, size = 8, Alignment = “center”
[10Marks]
4. Create an ordered list to display the “Soup“ and “Special Set menu” [10Marks]

5. Create an unordered list to display their food [10Marks

6. Save the file as “my web page.html” [04Marks]

112 Vocational Training Authority of Sri Lanka - Jaffna

ICT HTML
[Total Marks 50]

Create a web page (form) with using given contents.

A New web page should display the message “Page is successfully loaded” when click on “Submit
button"

1. Create above Home page “info.html” [25Marks]

2. Create web page “submit.html” to display “Page is successfully loaded” [05Marks]

3. Display “submit.html” web page, when user clicks on submit button. [10Marks]

4. Reset the controls when user clicks on Reset button. [10Marks]

113 Vocational Training Authority of Sri Lanka - Jaffna

ICT HTML
[Total Marks 50]

Use the following hints when creating above web page

1. Add the page title “Exam Registration From” [02Marks]

2. Insert the heading Exam Registration From and Underline [02Marks]

3. Insert in input boxes You name and your age [08Marks]

4. Insert radio buttons for your gender [08Marks]

5. Insert selection box for language – Sinhala, English, Tamil [08Marks]

6. Add subject under two columns Theory and practical with check boxes as shown [12Marks]

7. Insert submit Buttons to submit your selection [05Marks]

8. Save your web page as “exam_Regform.html” [05Marks]

114 Vocational Training Authority of Sri Lanka - Jaffna

ICT HTML

Write the HTML for the followings.

Exercise 1:

Exercise 2:

Exercise 3:

115 Vocational Training Authority of Sri Lanka - Jaffna

ICT HTML

Exercise 4:

Exercise 5:

116 Vocational Training Authority of Sri Lanka - Jaffna

ICT HTML

Exercise 6:

Exercise 7:

Exercise 8:

117 Vocational Training Authority of Sri Lanka - Jaffna

ICT HTML

Exercise 9:

Exercise 10:

Exercise 11:

118 Vocational Training Authority of Sri Lanka - Jaffna

ICT HTML

[Time: 30Min] [Total Marks: 50]

(20 Marks) jjjjjjjjjj

Use the following hints when creating above web page.
1. Add Page title “SLTDA”
(2Marks)
2. Formatting the heading “Srilanka Tourism Development Authority” as “Heading 1”
(3Marks)
3. Formatting the Address as “Heading2”
(3Marks)
4. Formatting the TP No, Fax, Email as “Heading 3”
(2Marks)
5. Insert the Horizontal Line.
(4Marks)
6. Formatting the Heading “History of SLTDA” as font color- Red, and Size-5
(6Marks)
7. Format the Second Paragraph (Super Script, Bold, Italic and Underline )
(6Marks)
8. Save web page as “1.html”
(4Marks)

119 Vocational Training Authority of Sri Lanka - Jaffna

ICT HTML

1. Use the following hints when creating above web page. (20 Marks)
2. Add Page title “John Keels Group” (3Marks)
3. Insert a Picture (5Marks)
4. Formatting the heading “John Keels Group” as “Heading 1” (3 Marks)
5. Formatting the Super market as “Heading2” (5 Marks)
6. Formatting the Keells Super as “Font- Lucida Handwriting, Size-4,Color-Blue” (3 Marks)
7. Insert the Line Number. (6 Marks)
8. Save web page as “2.html” (5 Marks)

120 Vocational Training Authority of Sri Lanka - Jaffna

ICT HTML
[Time: 30Min] [Total Marks: 50]

1. The title of the page should be “NVQ Courses”. [05 Marks]

2. Formatting the heading “Vocational Training Authority” as “Heading 1” [03 Marks]

3. the heading “Jaffna District Jaffna” as “Heading 2” [04 Marks]

4. Insert a horizontal line. Size=5, width=90%, Color=blue. [06 Marks]
5. Create ordered list to display the courses ICT and Graphic Designing. [05 Marks]
6. Create ordered list type – “A” under the course ICT Technician [10 Marks]
7. Create ordered list type – “I” under the course Graphic Designing [06 Marks]
8. Put the bold and underline “NVQ Package:” [04 Marks]
9. Create an unordered list under the NVQ Package [04 Marks]
10. Save the file as “NVQ Courses.html”. [03 Marks]

121 Vocational Training Authority of Sri Lanka - Jaffna

ICT HTML
[Time: 30Min] [Total Marks: 50]

1. Design Online Registration Page with given controls and save with a suitable name. (eg :
Mainpage) [30 Marks]
 Controls on main page – Text Box, Option Button, Selection Box, and Submit Button
 Language selection Box can have languages – Tamil, English, Singala
 Course Name selection box can have – NCICT, NDICT, Applicant Assistant
2. Design simple separate webpage to display “VTA”, “DTET”, “NAITA”, “NYSC” on each frame
(eg : vta.htm, dtet.htm, naita.htm, nysc.htm) [04 Marks]
3. Design your home page with frames and load each web page as shown above and save with a
suitable name. (Eg : index.htm)
 Vertical frame size – 75%, 25%
 Horizontal Frame size – 25% each

122 Vocational Training Authority of Sri Lanka - Jaffna

ICT HTML
[Time: 30Min] [Total Marks: 50]

4. Design Online Registration Page with given controls and save with a suitable name. (eg :
Mainpage2) [30 Marks]
 Controls on main page – Text Box, Option Button, Selection Box, and Submit Button
 Language selection Box can have languages – Tamil, English, Singala
 Course Name selection box can have – NCICT, NDICT, Applicant Assistant
5. Design simple separate webpage to display “VTA”, “DTET”, “NAITA”, “NYSC” on each frame
(eg : vta2.htm, dtet2.htm, naita2.htm, nysc2.htm) [04 Marks]
6. Design your home page with frames and load each web page as shown above and save with a
suitable name. (Eg : index2.htm)
 Vertical frame size – 25%, each
 Horizontal Frame size – 75%,25% each

123 Vocational Training Authority of Sri Lanka - Jaffna

ICT HTML
1. Support you want to create a web page as shown below to be rendered in a web
browser:

2. Write the HTML code to generate a Web page (Hint: using most appropriate form input
types controls & table format)

124 Vocational Training Authority of Sri Lanka - Jaffna