HTML

Question 1

Surrounds all HTML code?

Answer 1

< html > < / html >

Question 2

Two sections of HTML?

Answer 2

< head> < /head>< body> < /body>

Question 3

Headers

Answer 3

< h1>

< h2> etc.

Question 4

paragraphs

Answer 4

< p> < /p>

Question 5

line break

Answer 5

< br>

This does not have a close bracket thing

Question 6

link to another page

Answer 6

<a>Text that you can click on</a>

Question 7

image (with attributes)

Answer 7

< img src=”imgName.jpg”>< img src=”imgName.jpg” height = “300px” width = “200px” alt = “Picture” >

Question 8

Add style WITHOUT css link

Answer 8

< p style=”color:red;font-size:60px;”>This is a red paragraph.< /p>

Question 9

Add CSS within HTML page, ie not an external link

Answer 9

< style>
body {background-color: powderblue;}
h1   {color: blue;}
p    {color: red;}
< /style>

Question 10

Add CSS link

Answer 10

< link rel=”stylesheet” href=”styles.css”>

Question 11

CSS code

Answer 11

h1 {
  color: blue;
  font-family: verdana;
  font-size: 300%;
}
p {
  color: red;
  font-family: courier;
  font-size: 160%;
}

Question 12

table

Answer 12

< table>
  < tr>
    < th>Band name< /th>
    < th>Toy< /th>
    < th>Name< /th>
  < /tr>
  < tr>
    < td>Weezer< /td>
    < td>XBOX 360< /td>
    < td>Alejandro< /td>

< tr>
< td>ABBA< /td>
< td>Balls< /td>
< td>Frederick< /td>< /tr>< /table>

Question 13

unordered list

Answer 13

< ul>
< li>Coffee< /li>
< li>Tea< /li>
< li>Milk< /li>< /ul>

Question 14

ordered list

Answer 14

< ol>
< li>Poffee< /li>
< li>Pea< /li>
< li>Pilk< /li>< /ol>

Question 15

class attributes

Answer 15

.city {
  background-color: tomato;
  color: white;
  border: 2px solid black;
  margin: 20px;
  padding: 20px;
}

Style of class determined in CSS, shown with the full stop

< div class=”city”>
< h2>London< /h2>
< p>London is the capital of England.< /p>< /div>

< div class=”city”>
< h2>Paris< /h2>
< p>Paris is the capital of France.< /p>< /div>

classes can be used multiple times

Question 16

ID attribute

Answer 16

#myHeader {
  background-color: lightblue;
  color: black;
  padding: 40px;
  text-align: center;
}

style defined in CSS using #

< h1>My Header< /h1>

ID is unique to one element, cannot be reused.

Question 17

import javascript file

Answer 17

< script src=”js/myscript.js”>< /script>

Question 18

javascript change words

Answer 18

< script>
document.getElementById(“demo”).innerHTML = “Hello JavaScript!”;
< /script>

this is conttained within the html code, as opposed to an imported javascript file

Question 19

javascript change style

Answer 19

document. getElementById(“demo”).style.fontSize = “25px”;
document. getElementById(“demo”).style.color = “red”;
document. getElementById(“demo”).style.backgroundColor = “yellow”;

Question 20

javascript change image source attribute

Answer 20

document.getElementById(“image”).src = “picture.gif”;