ITEC 106 (SIR JARED) Flashcards

1
Q

Hyper Text Markup Language

A

Created by Tim Berners-Lee, Robert Cailliau, and others starting in
1989

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

means the document contains links that allow the reader
to jump to other places in the document or to another document
altogether

A

Hypertext

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

is a way that computers speak to each other to
control how text is processed and presented. To do this HTML uses
two things: tags and attributes.

A

A Markup Language

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

are used to mark up the start of an HTML element and they are
usually enclosed in angle <> brackets.

A

Tags

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

contain additional pieces of information. Attributes take
the form of an opening tag and additional info is placed inside.

A

Attributes

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

Golden Rules To Remember

A

The vast majority of tags must be opened (<tag>) and closed
(</tag>) with the element information such as a title or text resting
between the tags.
2. When using multiple tags, the tags must be closed in the order in
which they were opened. For example

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

This tag specifies the language you will write on
the page. In this case, the language is HTML 5.

A

<!DOCTYPE html>

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

This tag signals that from here on we are going to write in
HTML code.

A

<html>
</html>

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

This is where the content of the page goes

A

<body>
</body>

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

Inside the <head> tag, there is one tag that is always included: <title>,
but there are others that are just as important</title>

A

Further Tags

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

This is where we insert the page name as it will appear at the top of
the browser window or tab.

A

<title>
</title>

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

This is where information about the document is stored: character
encoding, name (page context), description

A

<meta></meta>

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

We also have a number of
other elements we can use
to control the text or make
it appear in a certain way

A

Other elements

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

= Hypertext REFerence

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

is important to ensure that your site is ranked correctly on
search sites and also for visually impaired visitors to your site.

A

*Alt text

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

file types generally used for image files online are:

A

.jpg, .png, and
.gif

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

is an ordered
list of contents

A

Ordered List

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

This is better
known as a bullet point list and
contains no numbers.

A

Unordered List

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

e is defined using the <table> element, and contains a number of
table cells ( <td>, for “table data” ) which are organized into table rows
( <tr>)

A

Table tag

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

are required, when you want to collect some data from
the site visitor. For example, during user registration you would like to
collect information such as name, email address, credit card, etc

A

html forms

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

always starts on a new line, and the browsers
automatically add some space (a margin) before and after the
element.

A

Block-level Element

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

always takes up the full width available
(stretches out to the left and right as far as it can).

A

Block-level Elemen

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

does not start on a new line.

A

Inline Elements

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

only takes up as much width as necessary.

A

Inline Elements

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

clearly describes its meaning to both the browser
and the developer.

A

semantic element

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

element defines a section in a document.

A

<section>
</section>

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

element specifies independent, self-contained content.

A

<article>
</article>

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

should make sense on its own, and it should be possible to distribute it independently from the rest of the web site.

A

An article

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

element represents a container for introductory content or a set of navigational links.

A

<header>
</header>

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

<header>
</header>

A

<footer>
</footer>

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

element defines a set of navigation links.

A

<nav>
</nav>

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

element defines some content aside from the content it is placed in (like a sidebar).

A

<aside>
</aside>

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

content should be indirectly related to the surrounding content

A

<aside>
</aside>

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

tag specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.

A

<figure>
</figure>

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

element can be placed as the first or as the last child of a <figure> element.</figure>

A

<figcaption>
</figcaption>

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

tag defines a caption for a <figure> element</figure>

A

<figcaption>
</figcaption>

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

Defines a date/time

A

<time>
</time>

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

Defines a visible heading for a <details> element</details>

A

<summary>
</summary>

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

Defines a section in a document

A

<section>
</section>

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

Specifies the main content of a document

A

<main>
</main>

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

Defines marked/highlighted text

A

<mark></mark>

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

Defines additional details that the user can view or hide

A

<details>
</details>

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

He is best known for developing Cascading Style
Sheets (CSS) while working with Tim Berners-Lee and Robert Cailliau
at CERN in 1994.

A

*Håkon Wium Lie

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

is a style sheet language used for
describing the presentation of a document written in a markup
language such as HTML or XML

A

Cascading Style Sheets (CSS)

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

describes how HTML elements are to be displayed on screen, or
in other media

A

CSS

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

” in CSS refers to the fact that styling rules “cascade”
down from several sources.

A

cascading

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

points to the HTML element you want to style.

A

selector

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

contains one or more declarations separated by
semicolons

A

declaration block

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

Multiple CSS declarations are separated with ___ , and
declaration blocks are surrounded by curly braces.

A

semicolons

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

are used to “find” (or select) the HTML elements you
want to style.

A

CSS selectors

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

s (select elements based on name, id, class)

A

Simple selectors

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

(select elements based on a specific
relationship between them)

A

Combinator selectors

53
Q

(select elements based on a certain state)

A

Pseudo-class selectors

54
Q

(select and style a part of an element)

A

Pseudo-elements selectors

55
Q

(select elements based on an attribute or
attribute value

A

Attribute selectors

56
Q

also known as a
wildcard—matches any element.

A

Universal selector

57
Q

matches a HTML element
directly.

A

Type selector

58
Q

matches any element that has
that class applied to it

A

Class selector

59
Q

uses the id attribute of an HTML
element to select a specific element.

A

ID selector

60
Q
  • allows us to target
    a child element. This uses a space.
A

Descendant selector

61
Q

You can look for an
element that immediately follows another
element

A

Adjacent sibling selector

62
Q

selects all elements that are
the children of a specified element

A

Child Selector (>)

63
Q

selects all elements
that are next siblings of a specified element

A

General Sibling Selector (~)

64
Q

HTML elements find themselves in various states, either because they
are interacted with, or one of their child elements is in a certain state.
For example, an HTML element could be hovered with the mouse
pointer by a user or a child element could also be hovered by the user.

A

Pseudo-classes

65
Q

differ from
pseudo-classes because instead of
responding to the platform state, they
act as if they are inserting a new
element with CSS

A

Pseudo-elements

66
Q

are
also syntactically different from
pseudo-classes, because instead of
using a single colon (:), we use a double
colon (::)

A

Pseudo-elements

67
Q

Instruct CSS to look for attributes by
wrapping the selector with square
brackets ([ ])

A

Attribute selector

68
Q

Everything displayed by CSS is a box. Understanding how the CSS Box
Model works is therefore a core foundation of CSS.

A

Box model

69
Q

is essentially a box that wraps around every HTML
element. It consists of: margins, borders, padding, and the actual
content.

A

CSS box model

70
Q

The content of the box, where text and images appear

A

Content

71
Q

Clears an area around the content. The padding is
transparent

A

Padding

72
Q

A border that goes around the padding and content

A

Border

73
Q
  • Clears an area outside the border. The margin is transparent
A

Margin

74
Q

When we alter the natural size of an element by applying a specific
value to it, as seen in the image, we refer to that sizing as

A

extrinsic

75
Q

when the content’s size defines the element’s size,
we refer to that as

A

intrinsic or natural size.

76
Q

means that when you
set dimensions, such as a width and height, they will be applied to the
content box. If you then set padding and border, these values will be
added to the content box’s size.

A

Box-sizing: content-box

77
Q

*If there are two or more CSS rules that point to the same element, the
selector with the highest specificity value will “win”, and its style
declaration will be applied to that HTML element.

A

Specificity

78
Q

JavaScript was invented by +++++ in +++++

A

Brendan Eich, 1995

79
Q

javasript was developed for

A

Netscape 2

80
Q

became the ECMA-262 standard in

A

1997

81
Q

is one of the most widely used programming languages
(Front-end as well as Back-end). It has it’s presence in almost every
area of software and web development.

A

Javascript

82
Q

These
unique names are called

A

identifiers

83
Q

4 Ways to Declare a JavaScript Variable:

A

*Using var
*Using let
*Using const
*Using nothing

84
Q

javascript data types

A
  1. String
  2. number
  3. Bigint
  4. Boolean
  5. Undefined
  6. Null
  7. Symbol
  8. Object
85
Q

Use if to specify a block of code to be executed, if a specified condition is
true

A

Conditional Statements

86
Q
  • Use else to specify a block of code to be executed, if the same condition is
    false
A

Conditional Statements

87
Q
  • Use else if to specify a new condition to test, if the first condition is false
A

Conditional Statements

88
Q
  • Use switch to specify many alternative blocks of code to be executed
A

Conditional Statements

89
Q
  • loops through a block of code a number of times
A

for

90
Q
  • loops through the properties of an object
A
  • for/in
91
Q

loops through the values of an iterable object

A

for/of

92
Q

loops through a block of code while a specified condition is true

A

while

93
Q

also loops through a block of code while a specified condition is
true

A

do/while

94
Q

is a block of code designed to perform a
particular task

A

JavaScript function

95
Q

is executed when “something” invokes it (calls
it).

A

JavaScript function

96
Q

DOM

A

Document Object Model

97
Q

If you want to access any element in an HTML page, you always start
with accessing the

A

document object.

98
Q

is an action you can do (like add or deleting an HTML
element).

A

method

99
Q

is a value that you can get or set (like changing the
content of an HTML element).

A

property

100
Q

JavaScript HTML DOM Events

A

*When a user clicks the mouse
*When a web page has loaded
*When an image has been loaded
*When the mouse moves over an element
*When an input field is changed
*When an HTML form is submitted
*When a user strokes a keY

101
Q

was created in 2006 by John Resig. It was designed to handle
Browser Incompatibilities and to simplify HTML DOM Manipulation,
Event Handling, Animations, and Ajax.

A

jQuery

102
Q

jQuery was created in _____ by _________.

A

2006 , John Resig

103
Q

This is to prevent any jQuery code
from running before the document
is finished loading (is ready)

A

The Document Ready Event

104
Q

jQuery Event Methods

A

*moving a mouse over an element
*selecting a radio button
* clicking on an element

105
Q

text(), html(), and val()

A

Get/Set Content

106
Q

Sets or returns the text content of selected elements

A

*text()

107
Q

Sets or returns the content of selected elements (including
HTML markup)

A
  • html()
108
Q
  • Sets or returns the value of form fields
A

val()

109
Q

was conceived sometime in the fall off 1994 by Rasmus Lerdof.
Early non-released versions were used on his home page to keep
track of who was looking at his online resume.

A

PHP

110
Q

PHP was conceived sometime in the fall off ______ by ________.

A

1994, Rasmus Lerdof

111
Q

The first version used by others was available sometime in early 1995
and was known as the ______

A

Personal Home Page Tools

112
Q

PHP is an acronym for

A

“PHP: Hypertext Preprocessor

113
Q

A PHP script is executed on the server, and the plain HTML result is
sent back to the browser.
*A PHP script can be placed anywhere in the document.
*A PHP script starts with <?php and ends with ?>
* The default file extension for PHP files is “.php”.
*A PHP file normally contains HTML tags, and some PHP scripting code

A

PHP script

114
Q

is used to
access a global variable from
within a function.

A

global keyword

115
Q

PHP supports the following data types:

A
  • String
  • Integer
  • Float (floating point numbers - also called double)
  • Boolean
  • Array
  • Object
  • NULL
  • Resource
116
Q

two operators that are specially designed for strings

A

CONCATENATION, CONCATENATION ASSIGNEMENT

117
Q

loops through a block of code for each element in an array

A
  • foreach
118
Q
  • loops through a block of code once, and then repeats the loop
    as long as the specified condition is true
A
  • do…while
119
Q

Arrays with a numeric index

A
  • Indexed arrays
120
Q

Arrays with named keys

A

Associative arrays

121
Q

Arrays containing one or more arrays

A

Multidimensional arrays

122
Q

sort arrays in ascending order

A

sort() -

123
Q

sort arrays in descending order

A

*rsort()

124
Q

sort associative arrays in ascending order, according to the
value

A

asort()

125
Q

sort associative arrays in ascending order, according to the
key

A
  • ksort()
126
Q

sort associative arrays in descending order, according to the
value

A

arsort() -

127
Q

sort associative arrays in descending order, according to the
key

A

krsort()

128
Q

means that they are
always accessible, regardless of scope - and you can access them from any function,
class or file without having to do anything special.

A

superglobals

129
Q

superglobals

A
  • $GLOBALS
  • $_SERVER
  • $_REQUEST
  • $_POST
  • $_GET
  • $_FILES
  • $_ENV
  • $_COOKIE
  • $_SESSION