WorksheetsHTML and CSS
Total questions: 39
Worksheet time: 20mins
What is the full form of HTML
Hypertest Markup Language
Hypertext Markup Language
Hyperlink Markup Language
Hypermark Markup Language
What is the purpose of HTML?
To control space and time
To create webpages
To confuse and infuriate users
To provide Webpage security
Which tag is used to display/contain all things shown on the webpage?
<body>
/body
<p>
<img>
Which tag is used to display images on webpages?
<body>
/body
<p>
<img>
Which tag is an end tag?
<body>
</body>
<p>
<img>
Which tag is used to display a heading such as "Welcome to my Webpage?"
<body>
<img src = >
<head>
<h1>
Which tags are used to create a paragraph?
<body></body>
<img src = ></img>
<p></p>
<h1></h1>
Identify the tags that contain attributes. Select all that apply.
<body bgcolor = >
<img src = >
<head>
<h1 align =>
What is CSS?
Cats Seeking Shelter
Cascading Style Sheets
Campers Sleeping Silently
Code Syncing Selectors
What does CSS do to webpages?
It adds more HTML to the website automatically
It makes coding HTML harder and is not worth it
It makes the page look 'Hot'! Adding pleasing visual features to websites
Removes all interesting elements from the webpage
What language is used to define the structure of a webpage?
HTML
CSS
JavaScript
French
What language is used to add style to a webpage?
HTML
CSS
JavaScript
French
Which is correct CSS syntax?
{body; colour = black;}
body: colour = black
body {
colour : black;}
{body colour is black}
What tag do you used to create a numbered list?
<list>
<ol>
<li>
<ul>
Which sets the colour of words in a paragraph
h1 {
colour: pink }
img {
colour: pink }
body {
colour: pink }
p {
colour: pink }
Select the rule to make all the text in your web page blue and centered.
p {
colour: blue; }
body {
text-align: left;
colour: blue; }
p {
text-align: center
colour: blue; }
body {
text-align: center
colour: blue; }
What symbols go around the properties for each CSS selector?
< >
[ ]
{ }
( )
p {color: red;}
You want to set the heading to use the font Arial.
h1 { font-family: arial; }
h1 { font: arial; }
heading 1 { font-family: arial; }
The part of a CSS rule-set that defines which HTML elements the style should be applied to is a...
Comment
CSS sheet
HTML tag
CSS Selector
The part of a CSS rule-set that defines which HTML elements the style should be applied to is a...
Comment
CSS sheet
HTML tag
CSS Selector
The tag that creates a numbered list is
<li>
<ol>
<ul>
<hr>
<br>
change background color
insert a browser link
insert a line break
</html>
make a hyperlink using html
first line of code in an HTML document
last line of code in an HTML document
You want to set the heading to use the font Arial.
h1 { font-family: arial; }
h1 { font: arial; }
heading 1 { font-family: arial; }
You want to set the background color of the web page to red.
body background-color red; }
body { background-color: red; }
body { background: red; }
You want to align all images to the right.
text-align: right;
alignment: right;
float: right;
You want to set the font size to 150%.
font-size: 150%;
size: 150%
font size: 150
What unit of measurement does CSS use for size?
px
em
%
All work
Which tag is used to display/contain all things shown on the webpage?
/body
<p>
<body>
<img>
What is the selector for a link?
a { }
link { }
href { }
a href { }
Annie wants the name of her product to be the main heading at the top of her webpage. Which tage defines the main heading in a web documnets?
<h3>Product<h3>
<h5>Product<h5>
<h1>Product<h1>
<h6>Product<h6>
Name an element which does not have a closing tage.
<img>
<head>
<body>
<p>
What symbol should you use to target a class names in css?
#
()
.
class
What symbol should you use to target an id in css?
.
+
id
#
Kareb wants to begin a new line within a paragraph of text on a webpage. Which code should she use?
<li>
<h1>
<hr>
<br>
