Preview

01 - HTML

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

  webservers

  javascript interactive animations

  the internet ports

  webpages

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

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

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

  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.

 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 blank canvas in which javascript can be written. Without javascript a webpage will not view.

  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 creates a framework for GET and POST requests (in PHP) can be implemented

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

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

  Bill Gates

  Charles Babbage

  Tim Berners-Lee

  Mark Zuckerberg

 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>

  nags

  windows

  code

  tags

 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.

  TRUE

  FALSE

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

  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

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

 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>

  H1

  H2

  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 no H2 tag, without which HTML is not complete

  There is no opening body tag

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

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

 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 'ahref' and 'a' tags as shown

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

  Hyperlinks can be created using the h2 tags

 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

  paragraph

  parentheses

 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

  image url with specific inbuilt coordinates - it produces a hyperlink

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

  Self closing image tag with parameters

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

  obfustcated (hidden) list to store data

  undefined length list (e.g. limitless)

  ordered set of paragraphs or unordered set of paragraphs

  ordered (numbered) or unordered (bulleted) list

 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 link to another page or site

  a list itself which is always odered

 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">

  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

   information about the information on your page.

  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

  FALSE

  TRUE

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

  bold text

  bold and rounded text

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

  line break

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

  defining browser-based text

  defining italic text

  defining bold text

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

 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

  a closing 'p' tag

  Nothing is missing

  a closing 'a' 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>

  Missing !DOCTYPE end tag

  There is no such thing as an 'h2' tag

  There are no mistakes

  missing end 'p' tag

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

  alt

  href

  halt

  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.

  True

  False