The City School

Prep Girls North Nazimabad

ICTech Grade 8
Introduction to Programming Concepts
Name:_____________________________ Section: _______ Date: _______________
Q. 1 Fill in the blanks.
1. The text which is needed to be translated is called _____________ code.
2. Translator which keeps no memory of translated lines is _________________.
3. PASCAL uses __________________ translator
4. In ___________________________ programming, a program is no longer series of instructions but collection of
objects.
5. The logical parts of a problem are divided into series of independent, individual and interchangeable routines in
__________________ programming.
6. BASIC, COBOL and ASP use __________________ translator.
7. Fifth Generation languages are also called _____________________
8. Assembly languages are improvement over ________________ languages.
9. The world’s most widely used RAD language is ______________________
10. The language uses both compiler and interpreter is _____________________
11. The concept of generation is also called ______________
12. Set of instructions that a computer understand is ___________________
13. C, C++, C# and Java are _______________ generation languages.
14. Before machine language, information was entered in computer in form of _______________
Q. 2 Write the names of
1. 1st Generation languages
2. 2nd Generation languages
3. 3rdGeneration languages
4. 4thGeneration languages
5. 5thGeneration languages
Forms in HTML
Points to Remember

<Form> </Form> tag is used to create a Form in HTML document

Attributes of FORM tag are

1. Action: Destination address, where the information will be sent. E.g. action=”mailto:[email protected]”
2. Method: How the information will be sent. Values are Get and Post
3. Name: Any name assigned to this form

<INPUT> tag is used to accept information from the user. <INPUT> is an empty tag.

Input Type Attribute: The Values of Type attribute can be

1. Input Type=“Text” is used to create a Text Box. E.g. Enter User Name or Login information.

Attributes are Name, Maxlength, Size, Align, Value

2. Input Type=“Password” is used to create a textbox for password. It shows the written characters as
bullets or special characters
Attributes are Name, Maxlength, Size

3. Input Type=“Checkbox” is used to create checkbox in a form.

Attributes are Name, value, checked(to keep any selected value by default)

4. Input Type=“radio” is used to create Radio button in a form.

Attributes are Name, Value, checked

5. Input Type=“button” is used to create a Command button. E.g Start button

Attributes are Name, Value

6. Input Type=“submit” is used to create a Submit button to send the information to destination
specified in action attribute of FORM tag

Attributes are Name, Value

7. Input Type=“reset” is used to create a Reset button. It Bring the form on its original state before
anything was typed.

Attributes are Name, Value

8. Input Type=“file” is used to create a File upload option. A browse button will appear automatically to
browse and upload any file from your computer.

Attributes is Name

9. Input Type=“image” is used to create a Submit button in form of an image. Here the picture will work
as a Submit button.

Attributes are src, align, width, height, alt

<TEXTAREA> </TEXTAREA> tag is used when you want your user to enter multiple lines of data in a text box.

Attributes for TEXTAREA tag are

Name, Cols, Rows, Readonly

<SELECT> Tag and <OPTION> Tag

<SELECT> Tag is used when you want to create a drop-down menu list in your Form.

Attributes are Name, Size, Multiple (to allow user to select multiple values by pressing Ctrl key)

<OPTION> tag is used inside SELECT tag to write each item of that drop-down list. These are container
elements and have start and end tag.

Attributes are Value, Selected (to keep any selected value by default)
Q. Answer the following questions
Fill in the blanks

a) HTML file is saved with an extension of _________ or _________

b) User interacts with forms through named ______________
c) The two types of lists that can be created from <Select> tag are ____________ and ____________
d) The characters can be made to appear hidden on a Webpage by using ____________

Write the HTML attributes for the following tags

1 <INPUT type=“Text”>

2 <INPUT type=“Password”>

3 <INPUT type=“checkbox”>

4 <INPUT type=“submit”>

5 <INPUT type=“reset”>

6 <INPUT type=“file”>

7 <INPUT type=“image”>

8 <INPUT type=“button”>

9 <TEXTAREA>

10 <Option>

11 <Select>

12 <Form>
1. How would you create a Reset button with displaying value “Clear Everything”?
2. Write HTML tags along with attributes to create a File upload option in HTML form.
3. Make a text area asking users to write something about themselves in a job application form.
4. Create a scroll list of name of months in a year. Keep March as selected by default. The size of list should be 4.
5. Assemble the given tags in correct order according to the structure of an HTML document.
6. </P>, <FORM>, <BODY>,<TITLE>, <P>, </HTML>, </FORM>, <HTML>, </TITLE>, </BODY>.
7. Create a survey form and ask user his name and password in text box, gender in radio button, favourite food and
favourite restaurants in checkboxes. Give options for selection. Also give some space for any other comment user
wants to make related to this survey. Create a submit and reset button with suitable value.

JavaScript in HTML
Q. 1 Fill in the Blanks
1. ‘55.98.2’ will be displayed by parseInt() as ______________ and by parsefloat() as ________________
2. ’19.2years’ in parsefloat() will be written as ________________ and in parseInt() as ______________
3. A-159 in parsefloat() will be written as ________________ and in parseInt() as ______________
4. In JavaScript, ___________________ is used for displaying text on the browser window.
5. Confirm box includes _____________ and ______________ buttons.
6. Alert window can only be closed by _____________ button.
7. In JavaScript, _________________ is used instead of <BR> tag.
8. In window methods, _________________ window always stays on top.
9. In JavaScript, ‘<=’ means __________________ and it as a __________________ operator.
10. ! means ____________ in JavaScript.
11. || represents _________________ in JavaScript.
12. Joining or adding two or more set of characters in JavaScript is called _____________________ and it is done by
_________ operator
13. Variables cannot be made of more than ___________ characters.
14. Names of variables cannot be started with __________________
15. Using of semicolon at the end of each JavaScript statement is _________________
16. Names assigned to a memory location for storing data are called ____________
17. The section between opening <SCRIPT> tag and closing </SCRIPT> tag is called ___________________
18. To take an input from a user or ask any question, ______________ method of JavaScript is used.
19. In JavaScript, the single line comments are represented by _______ and multiple lines comments are represented by
________
20. JavaScript is a _________________ language.
21. JavaScript files are saved with a _____________ file extension.
22. In window.confirm() method the values are returned true if _________ is pressed and are returned false if
____________ is pressed.
23. HTML is not case sensitive as compared to ________________
Write JavaScript Statements to perform the following tasks.

a) Ask users their name and date of birth and display them on the webpage as “Hello _______. Your date of birth is
________” in blue colour with font size 5.
b) Accept the radius from user and calculate diameter, area and circumference of circle. Show the results in Alert
Boxes separately with a proper message.
c) Ask users their marks of English, Urdu, Maths and Science and show the average of marks in parseFloat
d) Take the value of side of square and display the value of area and perimeter in green color.

1. To include JavaScript in HTML document _______________ tag is used.

a. <BODY>
b. <SCRIPT>
c. <EMBED>
d. <HTML>
2. The tag which is used to accept information from the user is called _______________
a. TEXTAREA
b. INPUT
c. SELECT
d. SUBMIT
3. Src, align, alt, border, width and height are the attributes of INPUT type _______________
a. file
b. button
c. image
d. checkbox
4. HTML stands for _______________
a. Hypertool Markup language
b. Hypertext Markup language
 c. Hypertext Making language
d. Hypertext Markup level
5. When you want the user to enter multiple lines of data in a text box, you use _______________ tag
a. <INPUT type=“text”>
b. INPUT
c. OPTION
d. TEXTAREA
6. By default, a movie in flash is saved with _______________ file extension
a. .pptx
b. .fla
c. .swf
d. .txt
7. The objects which are created and stored in library of Macromedia Flash are called ____________________
a. Scene
b. Symbols
c. Frame
d. Oval Tool
8. _______________ is used to declare a variable in JavaScript
a. document.write
b. var
c. //
d. document.variable
Q. 2 State whether True or False
Action attribute of FORM tag specifies how the information will be sent to
1
destination server.
2 Forms in HTML may contain only one Submit button.
3 Comments can be added to make the code more readable.
4 JavaScript is a case sensitive language.
5 You can nest a FORM tag within another FORM tag.
6 <HTML> is a tag which is used to place a video or sound file in a web page.
7 JavaScript and Java language are same.
8 <input type=“button”> is used to create submit button
9 JavaScript is a markup language.
10 Interactive elements in a form of HTML are called Controls
11 An HTML document can have more than one <Script> tag.
12 != means ‘not equal’.
13 Prompt window always stays on top.