Web Technologies (1.3.3)

Question 1

What is HTML?

Answer 1

The language that web pages are written in and defines the structure and order of the webpage.

Question 2

()

Answer 2

All code between these tags is interpreted as HTML

Question 3

()

Answer 3

The body contains all the content in the browser content area

Question 4

()

Answer 4

Use to link external files e.g. CSS stylesheets
Self-closing
Used in the head container

Question 5

()

Answer 5

Contains the website metadata and is a container for all head elements.

Question 6

()

Answer 6

Defines the title of the document, seen in the tab of the web browser.
Put inside “head” container.

Question 7

<h1></h1>

, <h2></h2>, <h3></h3>

Answer 7

Header styles in decreasing importance (<h1> is most important)</h1>

Question 8

<p></p>

Answer 8

Used to define a paragraph

Question 9

<img></img>

Answer 9

Used to place an image in a webpage
Self-closing tag
Tag parameters are:
-src=”/img/myImage.png”- path to image, image name and file type
-alt =”” - text displayed if image cannot be displayed
-height=”” - height of image
-width= “” - width of image

Question 10

<a></a>

Answer 10

Anchor tag used to add hyperlinks

Uses href=”” to define the location of the hyperlink

Question 11

<div></div>

Answer 11

Defines a page division or section

Groups elements to format with CSS

Question 12

()

Answer 12

Defines a form that allows a user to input data to be processed.
Uses:
- method=”post/get” -specifies HTTP method used when sending data
- action=”URL” -Where to send the data when the form is submitted
- id=”myForm” - unique form identifier

Question 13

()

Answer 13

Defines a field where a user can enter data, used in a form element.
Types:
- Text (type="text")
- Submit button (type="submit")
- Checkbox
- Email
- Password

Question 14

<ol></ol>

Answer 14

Defines an ordered list ie. 1., 2., 3.

Question 15

()

Answer 15

Defines a client-side script e.g. javascript

May contains a link or the script itself

Question 16

<a></a>

Answer 16

Anchor tag used to add hyperlinks

Uses href=”” to define the location of the hyperlink

Question 17

<li>
</li>

Answer 17

Defines an element of a list, used inside unordered and ordered lists.

Question 18

<ul></ul>

Answer 18

Defines an unordered list (uses bullet points)

Question 19

What are classes and identifiers?

Answer 19

Class and identifier selectors are the names which you style, this means groups of items
can be styled, the selectors for html are usually the div tags.

Question 20

What is the difference between a class and identifier?

Answer 20

Classes use a full stop to prefix the name e.g. .classname
They can be used multiple times

An identifier is defined with a # e.g. #identifiername
They must be unique, can only be used once

Question 21

What is CSS?

Answer 21

A script/language used to describe the style of a web page by specifying how HTML elements look.

Question 22

What is internal/embedded CSS?

Answer 22

When the CSS is places in style tags and entered directly into the HTML document.

Question 23

What is external CSS?

Answer 23

When the CSS is placed into an external style sheet which can be accessed from the HTML using (

Question 24

CSS example

Answer 24

Body 
{ 
margin: 0px;  
padding: 0px; 
background-color: white; 
font-family: Arial, Helvetica, sans-serif; 
Font-size: 18px; 
Text-align: center; 
}

Question 25

CSS: background-colour

Answer 25

Sets background colour of element

• Takes Hex, RGB, or named colours
  e. g. body{background-colour: #cccccc;}

Question 26

CSS: border-color

Answer 26

• Sets border colour of an element

- Takes Hex, RGB, or named colours

Question 27

CSS: border-style

Answer 27

• Sets border style

- Types are solid, dotted, dashed etc.

Question 28

CSS: border-width

Answer 28

• Sets border width

- Takes any value in pixels

Question 29

CSS border e.g.

Answer 29

.myDiv{
border: 2px solid #000
}

Question 30

CSS: color

Answer 30

Sets colour of text inside element

Question 31

CSS: font-family

Answer 31

Sets font family for selected element

Question 32

CSS: font-size

Answer 32

Sets font size for selected element

Question 33

CSS: height

Answer 33

-Sets height of element

Question 34

CSS: width

Answer 34

-Sets width of element

Question 35

What is javascript?

Answer 35

A programming language used to add interactivity to a webpage.

Question 36

What is lossy compression?

Answer 36

Reducing the size of a file while removing some data

Question 37

Lossy Compression DISADVS

Answer 37

Data is removed and can not be retrieved:

Could cause an image to become pixelated or a sound to lose quality

Question 38

Lossy Compression ADVS

Answer 38

Useful in scenarios where some data loss has little effect to end user e.g. voip, images etc.
Allows for faster transmission and upload times

Question 39

What is lossless compression

Answer 39

The file size is reduced but data isn’t lost so the original can be recovered.

Question 40

Lossless Compression ADVS

Answer 40

No data loss

More efficient, only removes redundant data

Question 41

Lossless Compression DISADVS

Answer 41

Compressed file bigger than a lossy compressed file