Font size
WorksheetsHTML,CSS AND JS QUIZ
Total questions: 50
Worksheet time: 29mins
HTML stands for -
HighText Machine Language
HyperText and links Markup Language
HyperText Markup Language
None of these
Which sequence of HTML tags is correct?
<html><head></head><body></body></html>
<html><head><body></body></head></html>
<html><head></body></body></head></html>
<html><<head></head></body></body></html>
Which of the following is not a container element?
<p>
<b>
<ol>
<hr>
Which of the following tag identifies the document as an HTML document?
<HTML>
<HEAD>
<BODY>
<TAG>
Container elements in HTML require
starting tag
ending tag
starting and ending tags
None of the above
Which types of tags are used by HTML?
tags only for hypertext
user defined tags
tags only for linking
fixed tags defined by the language
Which of the following tag is used to make a list that lists the items with numbers?
<dl>
<ul>
<ol>
None of these
Which command should be use to link a page with HTML page?
<a link = “page.htm”> </a>
<a href = “page.htm”>page</a>
<a connect = “page.htm”></a>
<a attach = “page.htm”></a>
To create a hyperlinked image
the image tag should be after the anchor tag
the image tag should be before the anchor tag
the anchor tag should be within image tag
the image tag should be within anchor tag
Is it possible to link within the current page?
No
Only in framesets
Yes
None of these
What is the correct way to enclose HTML tags?
curly brackets
square brackets
double quotes
angular brackets
Which of the following is the proper way to apply the CSS code inside style.css to the home.html file?
Inside home.html:
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
Inside home.html:
<head>
<style href="style.css"></style>
</head>
Inside style.css:
<html href="home.html">
Inside style.css:
applyTo {
href: home.html;
}
What are IFrames?
Buttons that link to other websites
Videos uploaded to your website
The number of views your website has
HTML pages embedded inside of other HTML pages
True or False: It is possible to embed any website inside IFrames.
True
False
What is the function of the div tag?
To define a section of an HTML page
To group a block of elements together to format them with CSS
To efficiently apply the same style to several different elements
All of the above
Which of the following correctly uses div to style multiple elements the same way?
<div class="intro">
<h2>Welcome</h2>
<p>Hi, welcome to my page.</p>
</div>
<div>
<h2 class="intro">Welcome</h2>
<p class="intro">Hi, welcome to my page.</p>
</div>
<div>
.intro{
font-size: 16px;
font-style: italic;
}
<h2>Welcome</h2>
<p>Hi, welcome to my page.</p>
</div>
<h2 div class="intro">Welcome</h2>
<p div class="intro">Hi, welcome to my page.</p>
What is the difference between <span> and <div>?
<span> is better for styling text, while <div> is better for styling images
<span> is for styling multiple elements, while <div> is for styling single elements at a time
<span> is used to group and style inline elements, while <div> creates a line break
<span> is used to style elements, while <div> is used to embed parts of other websites
Which of the following selects all p tags with the class alert and makes them red?
p.alert {
color: red;
}
p {
.alert {
color:red;
}
}
.alert p{
color: red;
}
p alert{
color: red;
}
How can I select all h1 tags that are immediate children of div tags?
div h1 {
...
}
div > h1 {
...
}
div {
h1 {
...
}
}
.h1 div {
...
}
Which of the following will turn the h1 tag blue as the mouse hovers over it?
hover > h1 {
color: blue;
}
h1:hover {
color: blue;
}
h1; hover {
color: blue;
}
h1, hover {
color: blue;
}
Which of the following will insert an exclamation point after every h2 element?
h2:after {
content: “!”;
}
h2:after {
content: !;
}
h2::after {
content: “!”;
}
h2::after {
content: !;
}
Which of the following is not a property that can hide the visibility of an element?
opacity
hidden
visibility
display
Which of the following defines border thickness so that the top and bottom borders are 10px thick and left and right borders are 5px thick?
border: 5px 10px 5px 10px
border: 5px 5px 10px 10px
border: 10px 10px 5px 5px
border: 10px 5px 10px 5px
Which of the following applies the invert filter to all images with the class “inverted”?
img.inverted {
filter: invert(0);
}
img.inverted {
filter: invert;
}
img inverted {
filter: invert(100%);
}
img.inverted {
filter: invert(100%);
}
Which of the following defines an animation change-color that changes the font color from green to red?
@keyframes change-color {
from {color: green;}
to {color: red;}
}
@animation change-color {
from {color: green;}
to {color: red;}
}
@keyframes change-color {
color: {color: green, red;}
}
@animation change-color {
color: {color: green, red;}
}
To create items in defination list____ and _____tag are used
<dt>
<dd>
<dm>
<ol>
The ______________tag is used to create a form.
<input>
<select>
<form>
<text area>
List within another list is callled as_______________
multiple
multilevel
order list
nested list
Client side image map can be created using two elements<area> and________
<image>
<map>
coords
<usemap>
Which is the correct syntax for changing the text size?
text-size: 75px;
text-height: 75px;
font-size: 75px;
font-height: 75px;
In CSS, h1 can be called as?
Selector
Value
Attribute
Tag
____ has introduced text, list, box, margin, border, color, and background properties.
html
css
ajax
php
Which of the following settings will not make an element invisible?
visibility: hidden
appearance: off
opacity: 0
display: none
Which of the following defines an animation change-color that changes the font color from green to red?
@keyframes change-color {
from {color: green;}
to {color: red;}
}
@animation change-color {
from {color: green;}
to {color: red;}
}
@keyframes change-color {
color: {color: green, red;}
}
@animation change-color {
color: {color: green, red;}
}
Javascript is _________ language.
Programming
Scripting
Application
applet
JavaScript is designed for following purpose -
To Style HTML Pages
To Perform Server Side Scripting Opertion
To add interactivity to HTML Pages.
To Execute Query Related to DB on Server
Local Browser used for validations on the Web Pages uses __________.
HTML
CSS
js
java
Which of these is a loop?
if(x<10)
while(x<10)
var x=10;
text(x,10;10)
Where do the <script></script> tags go in your document
Within <img> tags
In the <p></p> tags
In the <title>
In the <head> or <body>
Which of the following platform(s) can be used to run Javascript Code
Google Chrome
Firefox
Microsoft Edge
Safari
What is the correct syntax for referring to an external JavaScript script?
<script src="myscript.js"></script>
<script href="myscript.js"></script>
<js href="myscript.js"></js>
<js src="myscript.js"></js>
How can you add a comment in a JavaScript?
//This is comment
'This is comment
<!-- This is comment-->
Why so Java and JavaScript have similar name?
Java Script is a stripped-down version of Java
The syntax of JavaScript is loosely based on Java syntax
They both support Object Oriented Programming
None of the above
Which of the following is not a valid JavaScript variable name?
2java
_java_and_ java _names
javaandjava
None of the above
Which of the following is correct to write “Hello World” on the web page?
System.out.println(“Hello World”)
print(“Hello World”)
document.write(“Hello World”)
response.write(“Hello World”)
Which is the correct way to write a JavaScript array?
var txt = new Array(1:"arr",2:"kim",3:"jim")
var txt = new Array:1=(" arr ")2=("kim")3=("jim")
var txt = new Array("arr ","kim","jim")
var txt = new Array=" arr ","kim","jim"
