Preview

01 - HTML

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

  javascript interactive animations

  the internet ports

  webpages

  webservers

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

  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

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

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

 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 describes the content and structure of a web page so that a browser is able to interpret and render the page for a viewer

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

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

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

  Charles Babbage

  Mark Zuckerberg

  Bill Gates

  Tim Berners-Lee

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

  TRUE

  FALSE

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

  windows

  code

  nags

  tags

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

  a start framework and a body framework

  a head and a body

  legs and arms

  a opening tag, and an ending tag

 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.

  TRUE

  FALSE

 9. Which of the following programs/text editors can be used to create an HTML page?
Notepad
Notepad ++
Sublime text
Adobe Dreamweaver

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

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

  All of the given options are valid

  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>

  Both will be equal in size

  H2 is not a heading - it refers to something else

  H1

  H2

 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 no opening body tag

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

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

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

 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>

  The 'ahref' and 'a' tags as shown

  Hyperlinks can be created using the h2 tags

  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

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

  TRUE

  FALSE

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

  parentheses

  paragraph break

  anchor

  paragraph

 15. Select the best description for this tag:
<img src= location, height=x,width=y>

  image url with specific inbuilt coordinates - it produces a hyperlink

  An image tag that is always external to the html file

  Self closing image tag with parameters

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

 16. The following tags define an ____________________________
<ol> <ul>

  ordered set of paragraphs or unordered set of paragraphs

  obfustcated (hidden) list to store data

  ordered (numbered) or unordered (bulleted) list

  undefined length list (e.g. limitless)

 17. The following tag defines ___________
<li>

  a link to another page or site

  a list itself which is always odered

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

  an individual list item within a ordered or unordered list

 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 data that only search engines can read. It is written in hexadecimal

  a type of command that allows users to access your page

 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

  TRUE

  FALSE

 20. The following tag is used for:
<br>

  line break

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

  bold and rounded text

  bold text

 21. The following tag(s) are for:
<b> <strong>

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

  defining browser-based text

  defining italic text

  defining bold 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>

  Nothing is missing

  a closing 'a' tag

  a closing !DOCTYPE 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

  There are no mistakes

  Missing !DOCTYPE end tag

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

  src

  href

  alt

  halt

 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.

  True

  False