Preview

01 - HTML

1. HTML is the 'language' or script that ____________ are written in. It stands for HyperText Markup Language.

the internet ports

webpages

webservers

javascript interactive animations

2. Which of the following statements best describes the following image?

A web page created by the supercomputer "Deep Blue" in 2010.

The first website in the world - going live August 6, 1991

A website enabled with CSS and Javascript hyperlinks (no HTML)

This shows the network structure of the early internet. There was no HTML used to create this page

3. Which of the following statements best describes the role/purpose of HTML?

Check out the following link that provides some insight into the history of the world wide web: https://home.cern/topics/birth-web

It creates a framework for GET and POST requests (in PHP) can be implemented

It creates a blank canvas in which javascript can be written. Without javascript a webpage will not view.

It provides the front-end design and interactivity in the same way that javascript does

It describes the content and structure of a web page so that a browser is able to interpret and render the page for a viewer

4. _____________a scientist and academic, was the primary author of HTML, with the assistance of his colleagues at CERN

Tim Berners-Lee

Bill Gates

Mark Zuckerberg

Charles Babbage

5. HTML is usually used in conjunction with CSS (layout) and Javascript (interactivity on a webpage)

FALSE

TRUE

6. HTML is made up of _____ written in angle brackets, often in opening and closing pairs.

<html> and </html>

tags

nags

windows

code

7. A typical web page is made up of two sections:

a start framework and a body framework

a opening tag, and an ending tag

legs and arms

a head and a body

8. The 'head' contains the title of a webpage that may appear in a window header or browser tab, and any other script that can enrich your site with content.

FALSE

TRUE

9. Which of the following programs/text editors can be used to create an HTML page?

Notepad
Notepad ++
Sublime text
Adobe Dreamweaver

None of the above - specific software has to be used.

All of the given options are valid

Just 2, Notepad (plain) is now out dated and no longer used

Just 1 - html pages can only be created in notepad

10. In the following example, which heading is likely to be larger? H1 or H2?

<HTML>

<HEAD>

<TITLE>Your Title Here</TITLE>

</HEAD>

<BODY BGCOLOR="FFFFFF">

<CENTER><IMG SRC="clouds.jpg" ALIGN="BOTTOM"> </CENTER>

<HR>

<a href="http://somegreatsite.com">Link Name</a>

is a link to another nifty site

<H1>What is this?</H1>

<H2>And this?</H2>

Send me mail at <a href="mailto:[email protected]">

[email protected]</a>.

<p> What does in between the <p> tags></p>

<p> <B>This is a new paragraph!</p>

<BR> 

<B><I>This is a new sentence without a paragraph break, in __________________.</I></B>

<HR>

</BODY>

</HTML>

H2 is not a heading - it refers to something else

Both will be equal in size

11. Can you spot what is missing in this HTML code?

<HTML>

<HEAD>

<TITLE>Your Title Here</TITLE>

</HEAD>


<a href="http://somegreatsite.com">Link Name</a>

is a link to another nifty site

<H1>What is this?</H1>

<p> What does in between the <p> tags></p>

<p> <B>This is a new paragraph!</p>

</BODY>

</HTML>

There is nothing missing - all the tags are as they should be

There is no opening body tag

There is no bold tag, without which text will not be viewable on the screen

There is no H2 tag, without which HTML is not complete

12. Which tag is reponsible for hyperlinks?

<HTML>

<HEAD>

<TITLE>Your Title Here</TITLE>

</HEAD>
<BODY>

Send me mail at <a href="mailto:[email protected]">

[email protected]</a>.

</BODY>

</HTML>

It is not possible to create a hyperlink using just HTML -you would need HTML

the 'p' tags which are not shown here are necessary

Hyperlinks can be created using the h2 tags

The 'ahref' and 'a' tags as shown

13. The following shows heading style tags in increasing sizes (h1 = smallest)

<h1><h2><h3>

FALSE

TRUE

14. The following is the tag for the creation of a ____________

<p>

anchor

paragraph break

parentheses

paragraph

15. Select the best description for this tag:

<img src= location, height=x,width=y>

An image tag that is always external to the html file

An image hyperlink which takes you to x hyperlink in y time

image url with specific inbuilt coordinates - it produces a hyperlink

Self closing image tag with parameters

16. The following tags define an ____________________________

<ol> <ul>

obfustcated (hidden) list to store data

ordered (numbered) or unordered (bulleted) list

undefined length list (e.g. limitless)

ordered set of paragraphs or unordered set of paragraphs

17. The following tag defines ___________

<li>

a loose link - e.g. a link that cannot be clicked

an individual list item within a ordered or unordered list

a list itself which is always odered

a link to another page or site

18. Like the title tag, metadata is put in the header area of your page. Metadata is primarily used by search engines, and is — as you might expect —

<meta name="description" content="A basic HTML tutorial">
<meta name="keywords" content="HTML,code,tags">
<meta name="author" content="Dann Albright">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

information about the information on your page.

large amounts of data (e.g. paragraphs) place d on your site

a type of command that allows users to access your page

a type of data that only search engines can read. It is written in hexadecimal

19. The 'div' tag facilitates the diision o fa page into separate areas, each of which may be referred to uniquely by name and styled using CSS

FALSE

TRUE

20. The following tag is used for:

<br>

broken link (e.g. to remove a link)

line break

bold text

bold and rounded text

21. The following tag(s) are for:

<b> <strong>

defining browser-based text

defining bold text

defining branded text (e.g. text with a specific font)

defining italic text

22. What is missing in the following HTML code?

<!DOCTYPE html>
<title>My Example</title>

<p>Here's a link to the <a href="https://www.testandtrack.io">TestandTrack.io</p>

a closing !DOCTYPE tag

Nothing is missing

a closing 'a' tag

a closing 'p' tag

23. Can you spot the mistake in the following code?

<!DOCTYPE html>
<html>
<body>

<h2>Size Attributes</h2>
<p>Images in HTML have a set of size attributes, which specifies the width and height of the image:<p>

<img src="img_girl.jpg" width="500" height="600">

</body>
</html>

There is no such thing as an 'h2' tag

missing end 'p' tag

Missing !DOCTYPE end tag

There are no mistakes

24. The ____ attribute should reflect the image content, so users who cannot see the image gets an understanding of what the image contains

halt

href

alt

src

25. The HTML5 'canvas' tag is used to draw graphics, on the fly, via scripting (usually JavaScript)

The getContext() method returns an object that provides methods and properties for drawing on the canvas.

False

True

Report an error