Brainscape's Knowledge GenomeTM


Top Flashcards (Certified)
All Flashcards

HTML5 Revision > Lessons 1-3 > Flashcards

Lessons 1-3 Flashcards

1
Q

What does HTML stand for?

A

Hyper Text Markup Language

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

Describe an element.

A

An element is made up of a start tag and an end tag.

It can act as a defining container for a particular piece of content

It can define what the content looks like or can signify an aspect of the document

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

What is an attribute?

A

An attribute is used to define the characteristics of an element.
It is made up of the Name and Value, always functioning in pairs.

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

What are Name-Value pairs?

A

Name is the property you want to set e.g. align

Value is the value of that property e.g. “left”

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

Define mark-up language.

A

Language used to describe webpages. Mark up tags describe parts of a web page e.g

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

What does W3C stand for?

A

World Wide Web Consortium, an organisation of web developers who define the international standard for web development to ensure the web is accessible and safe for all.

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

What does WCAG stand for?

A

Web Content Accessibility Guidelines, guidelines to ensure that all content is Perceivable, Operable, Understandable, Robust as possible.

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

What does POUR stand for in regards to the Web Content Accessibility Guidelines?

A

Perceivable, Operable, Understandable, Robust.

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

Define a validator tool.

A

Validator tool is used to check the validity of web documents. It is a tool provided by W3C.

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

What does the doctype tag do?

A

Defines the type of code used in a document. HTML refers to the most recent version of HTML, for older editions you would specify e.g. HTML4.

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

What does the <a> element do?</a>

A

Anchor tag. These are useful for containing web links and inbound links.

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

What does the <p> element do?</p>

A

Paragraph tag. Used to contain text content.

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

What does the <img></img> element do?

A

Image tag. Used to contain .png and .jpg files. Must have alt text for accessibility.

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

What does the <div> element do?</div>

A

Non-semantic element, can be used to define a division or section of a webpage. Can contain any content and separate it from the main body.

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

What does the nav element do?

A

Used to contain navigation bars and tabs.

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

What is the function of the aside element?

A

Identifies content relating to the main content which isn’t contained within the main body.
Pulls it out separately from main body e.g. quote.

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

What is the function of the header tag?

A

Tag used to contain titles, headings, links and style sheets. Does not appear on the live page.

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

What does the article tag do?

A

Specifies independent content to the rest of the site.

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

What does the section element do?

A

Specifies a section of the document.

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

What is the function of the footer tag?

A

Defines the footer of the document, can contain page links, social tags and policies.

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

What is the function of a block level element?

A

Tags that affect an entire section of the HTML document.

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

What is the function of a text level element?

A

Tags that affect single words or sentences of the HTML document.

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

What does the td element do?

A

Defines the properties of an individual table cell.

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

What is the tr element for?

A

Defining table rows.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
What do
    and
    tags refer to?
Ordered and unordered lists used to define a list of items separated by numbering or bullet points.
26
What do

and

tags refer to?

Heading tags, the lower the number the bigger the heading size.
27
What is the function of the title tag?
Used to identify the name/title of the document. Not visible on the live webpage.
28
What does this string of code do? Form Radio
Creates an interactive form to collect data from user input. Type refers to how the response is retrieved e.g. text checkbox, radio, password. Radio allows one pre-written item to be selected.
29
What are semantic elements?
A semantic element clearly describes its meaning to both the browser and the developer.
30
Define an app container.
Containers allow you to package your application and all relevant files into one place.
31
Define an app package.
A package file format used to collect together programs or modules that are required for an application to work.
32
Define the app cache.
Stored data available to speed up your web experience e.g. logos/images, frees up space on browser. You can clear data stored by cache
33
What does API stand for?
Application Programming Interface. A software intermediary which allows two applications to talk to one another.
34
Define an application state.
Term to represent the totality of everything needed to keep your app running.
35
What is CSS?
Stands for Cascading Style Sheets. Style sheets used to format the layout and design of a web page.
36
Name three types of CSS.
External CSS - applied by an anchor tag in header. Internal CSS - style defined in the header in full. In-line CSS - style defined inside specific element tags.
37
What are cookies?
Tracking function in web browsers, contains either localStorage or sessionStorage, tracks small pieces of data which may be valuable for web client in future.
38
Define de-bugging.
The process of finding and resolving bugs within a program/system.
39
What is a gesture?
Additional touch elements that can significantly improve the user experience such as "swipe", "pinch/zoom". Created using pointer-events.
40
What does HTTP stand for?
Hypertext Transfer Protocol. Used to transfer data over the web. HTTPS is a secure server.
41
What is HTML5?
Most recent edition of web mark-up language. New standard includes video/audio playback, drag & drop, geolocation, microdata, SSE, persistent local storage, new semantic elements.
42
Define identity permissions.
Permissions allowed to certain users to grant access to certain features of a program.
43
Define JavaScript.
A programming language used to create interactive elements within web browsers.
44
What is a launcher icon?
A graphic that represents your application.
45
Define localStorage.
Offline data storage with a prolonged expiration date. Can save numerous name-value pairs. Only saves to the browser in use.
46
Define sessionStorage.
Offline data storage for a single web session. Saves name-value pairs but only as long as the browser period is still active.
47
What is a media query?
Feature of CSS which enables content to adapt to different screen sizes.
48
What is a metro-style user interface?
Full screen apps tailored for touch interaction e.g. Windows 10.
49
Define namespace.
A class of elements with each element possessing a unique name. e.g. addresses, file locations.
50
What is a permission set?
Set of rules defining what users or teams can do within a program.
51
Define persistent state information.
The retention of a state after the process has been stopped. State is saved in persistent storage and reloaded when reopened.
52
Define platform-independent.
Code can run on all operating systems.
53
Define scripting language.
A computer language with a series of commands executing independently e.g. JavaScript.
54
Define session state.
Allows a developer to store data about a user as they navigate through different web pages.
55
Define touch events.
Low-level events that represent points of contact with a touch-sensitive surface.
56
Define a runtime environment.
Environment in which a program or application is executed.
57
Define an audio element.
An element used to embed sound content within a document.
58
Define a canvas element.
An element used as a container in which to draw graphics via JavaScript.
59
Define a codec.
A piece of software able to encode or decode media into a transferable format.
60
Define compression.
Method of reducing files to a smaller number of components (1's and 0's) used to store the information.
61
Define deprecation.
The process of taking older code and marking it as no longer useful, not immediately removed but replaced.
62
What is an empty tag?
A tag which requires an opening tag but no closing tag. e.g. Line break
63
Define an entity.
A single person, place or thing about which data can be stored.
64
What is a element?
An element which represents a caption or legend for a figure.
65
What is a figcaption element?
Element designed to be used with element. Contains a figure e.g. image, chart; alongside a legend or caption.
66
Define a global attribute.
Attributes common to all HTML elements e.g. class, id, style.
67
What is nesting?
When HTML elements can be placed inside one another. It allows you to apply multiple tags to one piece of content.
68
What is a raster image?
An image file defined as a grid of pixels e.g. .jpeg, .png, .gif.
69
Define render.
Interpreting code into visual design.
70
What does SVG mean?
Scalable vector graphics - media designed for web use.
71
What is a video element?
An element which allows you to embed a video file within a document.
72
What is the autofocus attribute?
Attribute which specifies which element should automatically get focus when the page loads. e.g. form input field.
73
Define automatic validation.
Program starts parsing a document and marking errors after a notable delay in typing.
74
Define parsing.
Process of analysing a string of symbols to conform to a formal set of syntax rules.
75
Define client-side validation.
When you enter data the browser/server will check the data is correct within a formal set of syntax rules.
76
What does the autocomplete element do?
Specifies a list of pre-defined input options. Used to provide autocomplete options. User will see a drop-down list.
77
Define the email attribute.
Input attribute used to define a field for an email address. Has a built in DOMstring to validate input based on email syntax.
78
Define the pattern attribute.
Attribute linked to input types. Expression which defines that the input's value must match the pattern attribute to be validated. e.g. password.
79
What is placeholder text?
Text used to temporarily hold a place in a document for the purpose of layout/typesetting.
80
Define the required attribute.
Attribute which specifies that an input field must be filled out before submitting the form.
81
What is a boolean attribute?
An attribute that can only be true or false.
82
Define server-side validation
Validation performed by the server.
83
Define scalable.
Easily upgraded or expanded.
84
Define a user interface (UI).
Any pages, buttons, forms and other elements that allow an end user to interact with the device/software.
85
What is a tag?
A tag is a keyword surrounded by angled brackets, most come in pairs and are case-sensitive.
86
What is an empty tag?
A tag that doesn't require an end tag e.g. br
87
Most commonly used tags?
Doctype Head Title Body
88
What is nesting?
Placing elements inside each other.
89
What is an entity?
A special character such as $ or tm or copyright. Incorporation of these is character encoding.
90
Standard encoding type for HTML5?
UTF-8
91
Deprecated elements from HTML4?
basefont, center, font, strike | acronym, frame.
92
New elements in HTML5?
command (button), mark (highlights), time (displays readable time), meter, progress
93
What are strong and em elements used for?
To stress or add importance.
94
What is the small element used for?
To imply small text e.g. copyright
95
What is a raster image?
Image made up of pixels
96
What is a vector image?
Image made up of lines and curves based on mathematical expressions.
97
What does Canvas element do?
Creates a container for graphics, JavaScript used to draw graphics dynamically.
98
What is Scalable Vector Graphics?
Language used to describe 2D graphics in XML. Can be embedded within web pages.
99
When to use Canvas over SVG?
Small drawings Large number of objects Small screens Displaying real time data
100
Control attributes for Video?
Poster Autoplay Controls Loop
101
Attributes for video
Source, width, height, controls
102
What is compression?
Reduces the amount of space needed to store a file.
103
Video compression?
Reduces size of video images whilst maintaining highest video quality with minimum bit rate.
104
Main video formats?
MP4 OGG WebM
105
Audio attributes?
Autoplay, controls, loop
106
Audio formats?
OGG MP3 WAV

HTML5 Revision (4 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2025 Bold Learning Solutions. Terms and Conditions