1.3.3 Web Technologies Flashcards

You may prefer our related Brainscape-certified flashcards:
1
Q

What is the purpose of
HTML | CSS | JavaScript

A

HTML - Used to define the content and structure of a web page. Uses tags.

CSS - Sets the formatting of the website (colours, layout etc.) Enables a consistent look to every page as style sheet is shared.

JavaScript - Adds the interactivity to pages. As well as validation on web forms

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

What three methods can be used to insert CSS into a webpage?

A

Inline - CSS is added directly into the tag.

Embedded – The CSS is added to the top of each HTML page.

External – All of the CSS is added to an external file and then linked to within each HTML page

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

List the 9 CSS formatting commands that you are expected to know.

A

background-color
border-color
border-style
border-width
color (font)
font-family
font-size
height
width

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

How is a class identified in HTML / CSS?

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

How is an ID identified in HTML / CSS?

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

What would be the HTML code to create a bullet point list with the values “Hello” and “World” in the list?

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

What would be the HTML code to create a numbered list with the values “Hello” and “World” in the list?

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

What HTML tags are used to embed JavaScript in an HTML page?

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

What HTML tags are used to embed CSS in an HTML page?

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

How would I add a link to the BBC home page using HTML code?

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

How would I add a 100x100 image called “smile.png” to an HTML page and set appropriate alternative text?

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

What is the HTML code to add a form to a page with a text box and a submit button?

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

What is the purpose of the div tag?

A

To group a section of HTML code together so they can be referred to as one identifier.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

What are the three largest headings in HTML?

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

What is the purpose of the title tag, and where does it appear?

A

<title> HELLO WORLD </title>

This would appear in the tab name at the top of the web browser.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

How do you get JavaScript to show an alert box?

A

alert(“Message to alert”)

17
Q

How do you capture the input from an HTML element using JavaScript?

A

passcode = document.GetElementById(“nameOfID”)

18
Q

How do you update an element in an HTML element using JavaScript?

A

document.GetElementById(“nameOfID”).innerHTML = “Hello World”

19
Q

How do you write a WHILE loop in JavaScript

A
20
Q

How do you write an IF statement in JavaScript

A
21
Q

Define compression

A

The process of making a file smaller/take up less storage.

Particularly useful when transferring data via the internet

22
Q

Define lossy compression and what types of files it would and wouldn’t be suited to.

A

Takes away some information from the original - Information is permanently lost in the process (irreversible)

Used on images as some loss of detail is acceptable and unlikely to be noticeable

It is unsuitable for text as the loss of small amounts of information will make it unreadable.

23
Q

Define lossless compression and what types of files it would and wouldn’t be suited to.

A

Preserves all the information from the original (No data is lost)

Used on files where losing data would not be an option, such as code and written texts.

Rewrites data in a more efficient format.

24
Q

State the two examples of lossless compression

A

Run Length Encoding

Dictionary Coding

25
Q

Define run-length encoding and what types of scenarios it would and wouldn’t be suited to.

A

Not suited to natural language

More likely to be used in simple images

Relies on consecutive pieces of data

Each set of consecutive symbols can be represented by the symbol and its number of occurrences e.g. AAAABBBBBCCC could be represented as 4A5B3C

26
Q

Define dictionary coding

A

Frequently occurring pieces of data or groups of characters are replaced by tokens.

A dictionary is then used to say which tokens match which groups of characters.

When decompressed the dictionary is used to replace the tokens with the original text.

The dictionary needs to be transmitted with the file.