1.3.4 - Web Technologies Flashcards

1
Q

What is HTML?

A

HTML is the language/script that web pages are written in.

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

What does HTML do?

A

HTML allows a browser to interpret and render a webpage for the viewer by describing the structure and order of the webpage.

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

What does < html > do?

A

All code written within these tags is interpreted as HTML.

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

What does < body >do?

A

Defines the content in the main content area of the webpage

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

What does < link > do?

A

Used to link to additional files, including CSS stylesheets

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

What does < head > do?

A

Defines the browser tab or window heading area

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

What does do?

A

Defines the text that appears with the tab or window heading area

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

What does <h1>, <h2> and <h3> do?</h3></h2></h1>

A

Heading styles in decreasing sizes

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

What does <p> do?</p>

A

<p> is used to define a paragraph separated with a line space above and below. </p>

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

What does <img></img> do?

A

<img></img> is used for images. This is a self-closing tag, which means that there is no need to
include a closing tag () when using it.

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

How does <img></img> work?

A

<img></img>

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

What is <a> ?</a>

A

<a> is an anchor tag that defines a hyperlink with the location parameter, and is laid out in
the following form:
</a><a> link text </a>

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

What does <ol> do?</ol>

A

<ol> is used to define an ordered list. Each element within the list is defined using the <li>
tag. </li></ol>

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

What does <ul> do?</ul>

A

<ul> defines an unordered list. Again, each element within the list is defined using the <li>
tag. </li></ul>

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

What does <div> do?</div>

A

<div> divides a page into separate areas, each which can be referred to uniquely by name. The following syntax is used when creating a division with the name page: <div></div></div>

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

What are classes (web)?

A

Attributes given to multiple attributes in a webpage to style them in a particular way. Defined within the head of a webpage or a linked CSS style sheet.

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

Why are classes good (web)?

A

Elements can follow a consistent style, and the styling/ formatting only has to be defined
once.

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

How are classes defined and used.(web)?

A

.example {
background-color: green;
border: 1px solid black;
}

<div>
<p> This paragraph will have a green background and a black
border </p>
</div>

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

What are identifiers?

A

Identifiers are a unique name given to an element on a web page.
Whereas a class name can be used by multiple elements, only one element can be associated with a particular identifier.

20
Q

How are identifiers made?

A

example { -color: green; a class

border: 1px solid black;
}
// using a class

<div>
<p> This paragraph will have a green background and a black
border </p>
</div>

21
Q

What is CSS?

A

CSS (Cascading style sheets) is a language used to describe the style of a webpage. It can be used to specify the way HTML elements look and applied to <h1>, </h1><p> and </p><div>.</div>

22
Q

What is internal CSS?

A

CSS placed inside the style tags and is entered directly into the
HTML document.

23
Q

What is external CSS?

A

CSS written in a separate document, linked to the HTML document.

24
Q

How to link to external CSS?

A

add to header < link href= “nameofstylesheet.css” rel= “stylesheet” type= “text/css” >

25
Q

What is javascript?

A

JavaScript is a scripting language which primarily exists to
add interactivity to websites

26
Q

Is javascript interpreted or compiled?

A

JavaScript is interpreted rather
than compiled. This means web pages are interpreted by the
browser each time they are loaded, independently of the
architecture of the processor which it is being loaded by.

27
Q

What is javascript often used to do?

A

Javascript is often used to validate input data on the client
computer.

28
Q

What are the advantages of using Javascript?

A
  • Local computer can deal with invalid data before it is sent off to the servers,
  • Eases the load on busy servers
  • Reduces web traffic
29
Q

How to change attributes of an HTML element (Javascript)?

A

chosenElement = document.getElementById(“example”);
chosenElement.innerHTML = “Hello World”;

30
Q

How to write directly to a document (Javascript)?

A

document.write(“Hello World”);

31
Q

How to display an alert box(Javascript)?

A

alert(“Hello World”);

32
Q

What is a search engine?

A

A search engine is a program that searches through a database of internet addresses looking for resources based on criteria set by the client.

33
Q

Why is the order in which web resources are displayed important?

A

It determines which websites users choose to visit and use. Therefore it is important that search engines display the most high-quality websites with relevant content at the top of the page.

34
Q

What are web crawlers?

A

Web crawlers collect information about web pages to build an index of web pages.

35
Q

How do web crawlers work?

A

They traverse the Internet page by page, using website links. They collect keywords and phrases from the linked pages and add this to the index. They also collect meta data, the information specified by the website owner.

36
Q

What is the PageRank algorithm?

A

It is an algorithm which determines the order in which web pages are displayed when a search is conducted; higher pages show up first.

37
Q

What factors determine the PageRank of a page?

A
  • How many incoming links it has from other web pages
  • The page rank of the web pages that link to it
38
Q

What data structure represents pageRank?

A

A directed graph showing which pages link to other sites. Webpages are represented as nodes, with links being arcs between the nodes

39
Q

PageRank formula

A

(1-d) + d[(PageRank(T1) ÷ Count(T1)) + … + (PageRank(Tn) ÷ Count(Tn)] where PageRank(x) is the page rank of page x, Count(Tn) is the total count of outbound links from a webpage n and d is the damping factor. This is usually set to 0.85.

40
Q

What factors aside from PageRank do modern search engines take into account?

A

The age of a web page and how quickly content on
the web page loads.

41
Q

What is server side processing?

A

Server side processing is when a client sends data to a server for it to be processed. This means no information is processed on the client computer.

42
Q

Name some server side processing languages

A

SQL, PHP

43
Q

Why is server side processing useful?

A

Does not require plugins
● Can perform large calculations much faster than clients
● Not browser dependent,
● More secure

44
Q

What is client side processing?

A

Client side processing is when a client processes the data on a local device. This means that all of the information is processed on the client computer.

45
Q

Name a client side processing language

A

JavaScript

46
Q

Why is client side processing useful?

A

● Webpage can immediately respond to user actions
● Executes quickly
● Gives developers more control over the behaviour and look of the website