HTML, CSS and Javascript

Question 1

What does HTML stand for?

Answer 1

HyperText Markup Language

Question 2

What does CSS stand for?

Answer 2

Cascading Style Sheets.

Question 3

How would a paragraph with the text “Hello World” be shown in HTML?

Answer 3

[p] Hello World [/p] ([] = <>)

Question 4

What is the tag that shows code should be interpreted as HTML?

Answer 4

[html] ([] = <>)

Question 5

What tag contains the main page content?

Answer 5

[body] ([] = <>)

Question 6

Which tag defines the tab or window heading area?

Answer 6

[head] ([] = <>)

Question 7

What tag defines the text in the tab or window heading area?

Answer 7

[title] ([] = <>)

Question 8

What tags are used to show headers?

Answer 8

[h1],[h2],[h3] ([] = <>)

Question 9

What tag is used to make paragraphs?

Answer 9

[p][/p] ([] = <>)

Question 10

Which tag is used to make images?

Answer 10

[img src = FileLocation, height = x, width = y] (self closing) ([] = <>)

Question 11

How would you link the text “Hello World” to google

Answer 11

[a href=”https://www.google.co.uk”] Hello World[/a] ([] = <>)

Question 12

How would you write an ordered / unordered list?

Answer 12

[ol] (or [ul] for unordered)
[li] bullet one [/li]
[/ol] ([] = <>)

Question 13

How do you use and what if the function of a div tag?

Answer 13

[div] content [/div] ([] = <>)

Used to divide page into separate containers, can be styled specifically in css.

Question 14

Why is CSS used?

Answer 14

Used to describe layout, colours, sizes etc of web pages, means styles can be used throughout whole sites.

Question 15

What is internal CSS and how do you use it?

Answer 15

When the CSS file is placed directly in the html file:
[style type="text/css"]
 h1{
color:blue;
}
[/style] ([] = <>)

Question 16

What is embedded CSS and how do you use it?

Answer 16

When a link is made to a CSS document:
[link rel=”stylesheet” type=”text/css” href=”mystyle.css”]
([] = <>)

Question 17

What is inline CSS and why and how would you use it?

Answer 17

When CSS is used directly in the item it affects:
[h1 style=”color:blue;”]This is a heading[/h1]
([] = <>)
This is often used for one off style adjustments that don’t need storing in the main CSS file.

Question 18

What is an identifier and how do you use one?

Answer 18

A method to give an object a predefined style, can only be used once per page:
#header
{
    padding: 5px;
}

Question 19

What is a class and how do you use one?

Answer 19

A method to give an object a predefined style:
.list
{
    color: #ffffff;
}

Question 20

What is the difference between an identifier and a class?

Answer 20

An identifier can only be used once.

Question 21

How would you change the background colour of all div’s to blue?

Answer 21

div{
background-color: blue;
}

Question 22

How do you create a web-form with an input box called name and submit button with HTML?

Answer 22

[form]
[input type=”text”, name=”name”/]
[input type=”submit”, value=”submit”/]
[/form] ([] = <>)

Question 23

How can JavaScript be used to create an alert box?

Answer 23

alert(“Hello World”);

Question 24

How can JavaScript write directly to a document?

Answer 24

document.write(“Hello World”);

Question 25

How can a text box with the ID “test” have its text changed to “Hello World”?

Answer 25

Either:
document.getElementById(“test”).innerHTML=’Hello World’;
Or:
chosenElement = document.getElementById(“test”);
chosenElement.innerHTML=”Hello World”);

Question 26

How would you use a script tag?

Answer 26

[script type=”text/javascript”>
“Code here…”
[/script] ([] = <>)