Web Tech

Multiple Choice

What is HTML?

• HyperText Markup Language

• HighTower Makeup Language

• Plain Text on Documents

• Expensive Types of Candy

Multiple Choice

What language is used to define the structure of a webpage?

• HTML

• CSS

• JavaScript

• French

Multiple Choice

What language is used to add style to a webpage?

• HTML

• CSS

• JavaScript

• Welsh

Multiple Choice

Which is correct CSS syntax?

• {body; colour = black;}

• body: colour = black

• body {

  colour : black;}

• {body colour is black}

Multiple Choice

What tag do you used to create a numbered list?

• <list>

• <ol>

• <li>

• <ul>

Multiple Choice

Which sets the colour of words in a paragraph

• h1 {

  colour: pink }

• img {

  colour: pink }

• body {

  colour: pink }

• p {

  colour: pink }

Multiple Choice

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; }

Multiple Choice

What symbols go around the properties for each CSS selector?

• < >

• [ ]

• { }

• ( )

Multiple Choice

What does CSS stand for?

• Cascading style sheets

• Certain Sumer stand

• Color selctor stand

• Cascading style selctor

Multiple Choice

Where in the HTML document is the correct location to insert code to link to your external CSS? 

• In the <head> section
• In the <body> section
• At the very end of the document
• At the very beginning of the document

Multiple Choice

Which is correct CSS syntax? 

• { body; color=black;}
• body: color= black
• body {color:black;}
• (body color is black) 

Multiple Choice

Which is the value in this CSS?
p {color: red;}

• p
• color
• red

Multiple Choice

If you want to have more than one property for a CSS selector, what character separates them?

• comma (,)
• semi-colon (;)
• colon (:)
• dash (-)

Multiple Choice

<img>

• add an image

• make text italic

•  link to Internet<

Multiple Choice

You want to set the heading to use the font Arial.

• h1 { font-family: arial; }

• h1 { font: arial; }

• heading 1 { font-family: arial; }

Multiple Choice

You want to set the width of a border.....

• 50px

• 50mm

• 50inches

Multiple Choice

Which of the following is the correct way to add an attribute?

• <src>

• classes:ids

• id="title"

• <id>

Multiple Choice

The correct syntax to connect an external style sheet to a Web page

• <style rel="stylesheet" type="text/css" href="file.css" />

• <link rel="stylesheet" type="text/css" href="file.css" />

• <attach rel="stylesheet" type="text/css" href="file.css" />

• <a rel="stylesheet" type="text/css" href="file.css" />

Open Ended

Write the HTML code for the following web page

Open Ended

Now write the HTML code if we wanted to make the heading slightly smaller using a different heading tag and change the list to be an ordered list.

Multiple Choice

What is the correct syntax to change the background color with css?

• background-color: purple;

• background-color = "purple";

• backgroundcolor=orange

• change-background-color: purple

Multiple Choice

What is missing from this HTML skeleton?

<!DOCTYPE html>

<html>

<body>

</body>

</html>

• <head></head>

• <div></div>

• <img></img>

• <head>

Open Ended

Explain the difference between HTML, CSS and JavaScript

Multiple Choice

Where should you put the link tag to connect your CSS and HTML file?

• Between the <head> </head> in HTML

• Between the <body> </body> in HTML

• None of the above.

Multiple Choice

Which HTML tag is used to define an internal style sheet?

• <style>

• <css>

• <script>

• <link>

Multiple Choice

Which property is used to change the font size of an element in CSS?

• font-weight

• font-size

• font-style

• font-family

Multiple Choice

What are the three foundational coding languages of the internet?

• HTML, CSS, and JavaScript

• Python, Java, and C++

• French, Dutch, and German

• Firefox, Chrome, and Internet Explorer

Multiple Choice

<p ---------="About W3Schools">W3Schools is a web developer's site.</p>

• title

• class

• head

Multiple Choice

<p>WWF's mission is to stop the ------degradation-------- of our planet's natural environment.</p>

ADD EXTRA IMPORTANCE TO DEGRADATION

• <strong>

  </strong>

• <mark>

  </mark>

Multiple Choice

Add the correct HTML attribute to display the"smiley.png" image

<img=----------------->

• src="smiley.png"

• source="smiley.png"

• image="smiley.png"

• alt="smiley.png"

Multiple Choice

Add a line break in the middle of the paragraph:

<p>My Bonnie lies----------over the ocean.</p>

• <img>

• <br>

• <hr>

• <html>

Multiple Choice

Set the top padding of <h1> element to 30px;

<style>

h1 {

------ : 30px;

}

</style>

• padding-left

• padding-top

• padding-bottom

• padding-right

Multiple Choice

In the form below, add an input field with the type "button" and the value "OK".

<form>

<------------->

</form>

• <input type="button" value=ok>

• <input type="button" value="OK">

Multiple Choice

Use the correct HTML attribute, and CSS, to set the color of the paragraph to "blue".

<p ="----- ;-------">This is a paragraph.</p>

• style="color:blue;"

• style="colour:blue;"

Multiple Choice

Add a list item with the text "Coffee" inside the <ul>

<ul>

----Coffee---

</ul>

• <li>

  </li>

• <LI>

  </LI>