Brainscape's Knowledge GenomeTM

Browse over 1 million classes created by top students, professors, publishers, and experts.


See full index

Web Developement Foundations > HTML (HyperText Markup Language) > Flashcards

HTML (HyperText Markup Language) Flashcards

1
Q

HyperText markup language (HTML)

A

is the standard markup language for web documents.

Hypertext is text that has links to other text (and today to images, videos, and more). Document markup is special markings in the document that provide additional information about links, formatting, and images. HTML also permits adding metadata like search engine keywords, author information, and language.

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

The language used for a text file that describes a webpage

A

HTML

The HyperText Markup Language has text with links (hypertext) to other files on the web.

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

Web document that is viewed in a web browser.

A

Webpage

A webpage may link to other webpages.

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

Collection of related webpages.

A

Website

A website may be composed of any number of webpages.

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

A program that serves webpages to browsers.

A

Web Server

Popular web servers today include Apache, IIS, and nginx.

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

The protocol for transferring files among computers via the web.

A

HTTP

Short for HyperText Transfer Protocol. A protocol is a set of rules.

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

A program for viewing webpages.

A

Browser

A browser displays HTML files in a formatted way.

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

Specifies document structure

A

HTML is used to specify the purpose of each part of a document. Each web browser has a default stylesheet that controls how the page is displayed, but HTML does not specify how the document parts are displayed.

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

Manages document presentation

A

CSS consists of a set of style rules about how to display the parts of a document.

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

Enables document interaction

A

JavaScript is a programming language that can manage any part of the document and interact with external servers to send and receive information. JavaScript sometimes also runs on web servers.

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

top-level domains (TLD)

A

.com
.net
.org
.gov
.edu

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

country code top-level domain (ccTLD)

A

.ru(Russia)
.uk(United Kingdom)
.de(Germany)

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

second-level domain

A

A second-level domain is commonly an organization’s name as in Stanford.edu, or indicates the purpose of a website as in DoPython.org

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

Third-level domain

A

A common third-or-www refers to the organization’s web server. deeper-level domain is www, short for World Wide Web, usually referring to an organization’s web server. Many organizations use www optionally, so stanford.edu by default goes to www.stanford.edu

Third-level and further level domains refer to sub-computer systems local to an organization, as in cs.stanford.edu where the cs is for Stanford’s Computer Science department

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

URL (Uniform Resource Locator)

A

is the location of a web resource on the web, such as http://www.cdc.gov/alcohol/faqs.htm

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

web resource

A

is any retrievable item, like an HTML file, image, video, CSS stylesheet, etc

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

Scheme

A

Characters at the beginning of a URL followed by a colon “:” or a colon and double slashes “://”. Common URL schemes include http, https, mailto, and file.

Ex: In https://www.cdc.gov/alcohol, the scheme is “https”.

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

Hostname

A

The complete domain name following the scheme in a URL.

Ex: In https://www.cdc.gov/alcohol, the hostname is “www.cdc.gov”.

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

Path

A

The characters to the right of the hostname in a URL.

Ex: In https://www.cdc.gov/alcohol, the path is “/alcohol”.

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

Query string

A

Optional characters to the right of the question mark (?) in a URL that provide data for the web server.

Ex: In https://www.youtube.com/watch?v=uu7XCEMdSHg, the characters after the ? tells YouTube’s server to play a video having code uu7XCEMdSHg

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

Fragment

A

Optional characters at the end of a URL that start with a hash character (#) and refer to a certain location within a webpage.

Ex: In https://en.wikipedia.org/wiki/#History, the fragment “#History” refers to the webpage’s History section.

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

404

A

means that the website was reached (the domain name is valid and the web server is working), but the web server could not find the requested page, often due to a misspelling or out-of-date page link.

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

HyperText Transfer Protocol (HTTP)

A

is a networking protocol that runs over TCP/IP and governs communication between web browsers and web servers

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

Transmission Control Protocol/Internet Protocol (TCP/IP)

A

is a protocol suite that governs how data packets are transferred over the Internet from one machine to another

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

HTTP/1.1

A

is the HTTP standard used for most of the web’s lifetime

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

HTTP/2

A

a relatively new HTTP standard that speeds-up the transfer of information between web browsers and web servers. HTTP/2 maintains most of HTTP/1.1’s semantics

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

HTTP/3

A

currently in development, improves the speed of HTTP/2 by using UDP to transport data packets instead of TCP

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

HTTP request

A

is a message sent from the web browser to the web server. Often the request asks the web server to send back a web resource like an HTML file, image, CSS style sheet, JavaScript file, or video

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

HTTP response

A

is a message sent from the web server back to the web browser in response to an HTTP request. Often the response contains the requested web resource

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

Content-length

A

Number of bytes in the response’s message body

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

Content-type

A

Media type of the response’s message body

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

Date

A

Datetime the response was generated by the web server

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

Last-Modified

A

Datetime the requested resource was last modified on the web server

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

Server

A

Identifies the web server software that generated the response

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

Host

A

The domain name for the requested path

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

User-Agent

A

Identifies the browser making the request

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

Internet Assigned Numbers Authority (IANA)

A

is a standards organization that manages various internet numbers and symbols, like global IP address allocation, root zone management in DNS, and media types. IANA maintains a list of HTTP headers that are currently active, obsolete, or experimental

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

GET (request method)

A

Request a representation of the specified resource

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

HEAD (request method)

A

Request a response identical to GET but without the response body

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

POST (request method)

A

Request the web server to accept the message body enclosed in the request as a new resource

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

PUT (request method)

A

Request the web server to accept the message body enclosed in the request as a modification of an existing resource

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

DELETE (request method)

A

Request the web server to delete the existing resource

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

200

A

OK

Standard response for a successful request

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

301

A

Moved Permanently

The resource should always be requested at a different URL

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

302

A

Found

The resource should temporarily be requested at a different URL

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

304

A

Not Modified

The resource has not been modified since the last time the resource was requested

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

403

A

Forbidden

The web browser does not have permission to access the resource

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

404

A

Not Found

The resource could not be located

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

500

A

Internal Server Error

Something unexpected happened on the web server

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

Transport Layer Security (TLS)

A

HTTPS uses TLS, which uses asymmetric public keys to encrypt data between the browser and web server

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

A web design approach that creates webpages that automatically move and resize parts depending on the display size and orientation

A

Responsive web design

requires careful design and typically uses software frameworks to simplify development

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

Visual clues that guide the user in figuring out how to use an app

A

Affordances

a term invented by usability expert Donald Norman, are harder to implement for mobile devices. For instance, few mobile devices support a touch screen equivalent of hovering with a mouse. So, hovering-based interfaces like tooltips are unavailable on touch based devices.

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

A web development approach that advocates first creating a reduced-feature version of a website for mobile users. Then, the developer creates a full-featured website for visitors using desktop computers

A

Mobile First

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

Internet of Things (abbreviated as IoT)

A

is the global collection of communicating devices that sense and control technology on behalf of humans

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

h1, h2, h3

A

Headers. h1 is largest.

Ex: <h2>Puppies are cute</h2>

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

p

A

Paragraph

Ex: <p>Humans seem designed to see puppies as cute.</p>

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

em, strong

A

Emphasis, strong emphasis

<p>"When in <strong>doubt</strong>, tell the <em>truth</em>" -Mark Twain.</p>

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

img

A

Image

Ex: <img></img>

Note: src is the image’s URL source, and alt describes the image.

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

a

A

Link

Ex: <a>Click Here</a>

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

Cascading Style Sheets (CSS)

A

is a textual language for describing how a webpage is styled for visual presentation. CSS controls the look and layout of webpage content.

61
Q

R

A

a programming language built for statistical analysis, graphics representation, and reporting;

an interpreted computer language that allows branching, looping, modular programming, as well as object and functional oriented programming features.

is arguably the most widely used statistics programming language and is used from universities to business applications

62
Q

Hypertext

A

Text that contains connections to other documents.

63
Q

Markup

A

Part of a document that explains how to interpret or structure other parts of the document.

64
Q

Language

A

A set of rules describing how to write HTML.

65
Q

HTML tag

A

is a markup instruction identified by <, the tag name, and >

66
Q

Opening tag

A

indicates the starting point in the document where the tag takes effect.

67
Q

Closing tag

A

indicates the ending point in the document where the tag stops having an effect.

68
Q

<!DOCTYPE html>

A

The document starts with <!DOCTYPE html>, which instructs the browser how to interpret the rest of the document.

69
Q

<html>
<html>
</html></html>

A

The <html> opening and closing tags mark the beginning and ending of the document. The lang attribute indicates the document’s language is English.

70
Q

<head>
</head>

A

The <head> opening and closing tags enclose the <meta></meta> and <title> tags.</title>

71
Q

<meta></meta>

A

The <meta></meta> tag specifies metadata, which is data that describes the document’s data. <meta></meta> describes how characters are represented in the HTML document. Additional <meta></meta> tags may be used to indicate when the document was saved, who the author is, etc.

72
Q

<title>
</title>

A

The <title> opening and closing tags enclose the name of the document. The title is usually displayed in the browser's titlebar, is used by search engines, and is used for bookmarking.</title>

73
Q

<body>
</body>

A

The <body> opening and closing tags enclose the document’s contents. The browser displays the document body in the webpage.

74
Q

<br></br>

A

The <br></br> tag creates a line break in a paragraph. Good practice is to use <br></br> when the line break is essential to the content, such as lines in a poem or mailing address, and not just to add spacing for formatting a webpage.

75
Q

<br></br><br></br>

A

A<br></br><br></br>B creates a blank line between A and B. Ex:
A

B

76
Q

<section>
</section>

A

A section is a collection of related content. Many documents can be organized into sections, with each section being wrapped in a <section> tag.

77
Q

<h4>
</h4>

A

The <h4> tag is the fourth level heading of the document’s hierarchical structure.

78
Q

<em></em>

A

The <em> tag indicates emphasized text, such as text having an emphasized pronunciation when spoken, and is italicized by default.</em>

79
Q

<strong></strong>

A

The <strong> tag indicates text that has strong importance, and is bolded by default.</strong>

80
Q

<cite></cite>

A

The <cite> tag denotes a title, such as a book or song title, and is italicized by default. Ex: <cite>Spaceballs</cite> is a parody of the <cite>Star Wars</cite> trilogy. yields: Spaceballs is a parody of the Star Wars trilogy.</cite>

81
Q

<mark></mark>

A

The <mark> tag denotes important content that should be semantically highlighted and is rendered with a yellow background by default. Ex: <mark>Highlight</mark> what is important. yields: Highlight what is important.</mark>

82
Q

<b></b>

A

The <b> tag indicates text that needs attention, like key words in a document abstract or product names in a review, and renders the text in bold. Ex: Mix the flour and oil together.</b>

83
Q

<i></i>

A

The <i> tag indicates text in an alternative voice, such as a word or phrase in a foreign language, and is rendered using italics. Ex: Dashi is a stock used in Japanese cooking.</i>

84
Q

<u></u>

A

The <u> tag denotes text that should appear differently from normal text, such as misspelled words, and is underlined by default. Ex: Misspelled is often misspelled as mispelled.</u>

85
Q

<!-- comment -->

A

An HTML comment is a portion of the document that is not displayed by the browser.

86
Q

unordered list

A

An unordered list is a collection of items, usually indented and shown using bullets, surrounded by the <ul> opening and closing tags. Each list item is surrounded by <li> opening and closing tags.

87
Q

<tr> (table row)
</tr>

A

The <tr> opening and closing tags create a table row, which contains all the row’s cells.

88
Q

<th> (table header)
</th>

A

The <th> opening and closing tags create a new table cell containing table header information about the data. Usually, the browser displays table headers centered with a bold font.

89
Q

<td> (table data)
</td>

A

The <td> opening and closing tags create a new table cell containing table data.

90
Q

<caption> (table caption)
</caption>

A

A table caption defines a short descriptive text for a table and is created with <caption> tags. The caption opening and closing tags must immediately follow the opening table tag.

91
Q

<thead> (table headers)
</thead>

A

The <thead> tags surround the rows that define the table header.

92
Q

<tbody> (table body)
</tbody>

A

The <tbody> tags surround the rows that define the table body.

93
Q

<tfoot> (table footer)
</tfoot>

A

The <tfoot> tags surround the rows that define the table footer.

94
Q

Absolute URL

A

is a complete URL.

Ex: <a>test</a> is a hyperlink using the absolute URL http://example.com/test.html.

95
Q

Relative URL

A

specifies the relative path to the web resource with no scheme or hostname.

Ex: <a>test</a> uses the relative URL test.html to refer to an HTML document on the same website and with the same path as the current HTML document.

96
Q

fragment

A

A URL can point to a section, or fragment, of a document by adding a hash tag (#) and a fragment identifier at the end of the URL.
Ex: https://en.wikipedia.org/wiki/Computer_science#History refers to the “History” section of the “Computer_science” page on Wikipedia.

97
Q

Id attribute

A

Adding the id attribute to any HTML tag creates a fragment identifier, permitting URLs to link directly to the id’s location in the document.

98
Q

graphical hyperlink

A

A graphical hyperlink or image link uses an image inside a hyperlink instead of text. Ex: <a><img></img></a>

99
Q

_self

A

The _self attribute value is the default and indicates the browser will open the link in the same tab or window.

100
Q

_blank

A

The _blank attribute value indicates the browser will open the link in a new tab or window.

101
Q

target attribute

A

An anchor tag’s target attribute indicates how the browser should display the link when clicked.

102
Q

Entity

A

An entity is a mechanism for writing special characters or symbols in HTML, such as mathematical symbols, characters in most languages, and many other symbols.

103
Q

©

A

Entity name

104
Q

©

A

Decimal number

105
Q

©

A

Hexadecimal number

106
Q

non-breaking character

A

A non-breaking character is an inter-word character that permits treating the words on both sides to be one word.

107
Q

(non-breaking hyphen)

A

A non-breaking hyphen, , looks like a regular hyphen but acts like a normal character in the middle of a word. Ex: offcampus displays “off‑campus” on the same line.

108
Q

  (non-breaking space)

A

A non-breaking space,  , looks like a single space but acts like a normal character in the middle of a word. Ex: 5 km displays “5 km” on the same line.

109
Q

wireframe

A

A wireframe is a blueprint, showing where the future content will be arranged.

110
Q

Container

A

A container is any part of a web document body that has opening and closing tags.

111
Q

parent container

A

A parent container is the container in which another element resides.

112
Q

<div>
</div>

A

A <div> element is a generic element for creating block containers to facilitate managing page content and is the only block element with no semantic meaning, unlike other block elements such as <p> and <table>.

113
Q

<span></span>

A

The <span> element is the generic element for creating inline containers to facilitate managing content on the page. Unlike other inline elements, such as <a> and <em>, the <span> element has no semantic meaning.</span></em></a></span>

114
Q

<form>
</form>

A

The <form> tag allows the web browser to submit information from the user to the server.

115
Q

action attribute (form attribute)

A

The action attribute indicates the URL where the form data should be sent. Typically the URL uses HTTPS so the form data is encrypted.

116
Q

method attribute (form attribute)

A

The method attribute indicates the HTTP request type the browser will use to communicate with the server. The method is either GET or POST. GET is the default method if no method is specified.

117
Q

GET method

A

The GET method is a technique used by a web browser to submit information to a web server by altering the URL of the HTTP request.

118
Q

query string

A

The query string is a set of name=value pairs separated by the ampersand character (&).
Ex: first=Rick&last=Deckard

119
Q

POST method

A

The POST method is a technique used by a web browser to submit information to a web server by sending the information in the HTTP request body.

120
Q

enctype attribute

A

The <form> tag’s enctype attribute value “multipart/form-data” indicates the web browser should split a POST request into multiple parts, where each input field is sent as a separate part of the HTTP request message.

121
Q

widget

A

A widget is an interactive component (usually graphical) that the browser uses to interact with a user. Ex: Buttons, drop-down menus, and data entry fields.

122
Q

<input></input>

A

The <input></input> tag allows the user to enter information into a web page.

123
Q

type attribute (input attribute)

A

The type attribute indicates the widget type. Common types include text, password, submit, and button.

124
Q

name attribute (input attribute)

A

The name attribute names the widget and sends the widget’s value when the widget’s form is submitted.

125
Q

id attribute (form attribute)

A

The id attribute is used to give a widget a unique identifier.

126
Q

placeholder attribute (form attribute)

A

The placeholder attribute specifies text that first appears in a text widget, typically for giving the user a hint as to the expected value.

127
Q

value attribute (form attribute)

A

The value attribute specifies a default value for a widget.

128
Q

<label></label>

A

The <label> tag displays descriptive text associated with a specific widget.</label>

A label has a for attribute whose value should match the id attribute for the widget being labeled.

129
Q

<textarea>
</textarea>

A

A text area widget is an input element specified by <textarea> opening and closing tags that allows users to enter multiple lines of text.</textarea>

130
Q

<select></select>

A

The <select> opening and closing tags create a drop-down menu (or drop-down list), which allows users to select one of several predefined values.</select>

131
Q

<option></option>

A

The <option> opening and closing tags create a value, or option, the user can select within a drop-down menu.</option>

132
Q

checkbox

A

A checkbox is a widget for input elements with the type attribute of “checkbox”, which allows users to check, or select, a value. A checkbox initially appears selected if the checked attribute is set. Ex: <input></input>

133
Q

radio button

A

A radio button is a widget for input elements with the type attribute of “radio”, which allows users to select exactly one value from possibly many values.

134
Q

list box

A

A list box widget is created by specifying a size with the select element’s size attribute. Ex: <select> creates a list box that shows four options at a time.</select>

135
Q

<button></button>

A

A button widget can be created using the <button> opening and closing tags or with <input></input>. The <button> element allows text and images to be displayed in a button, but an <input></input> button only allows text.</button></button>

136
Q

password

A

A password field is a widget for input elements with the type attribute of “password”, which allows users to enter a password without the password contents being displayed on-screen.

Ex: <input></input>

137
Q

<fieldset> & <legend>
</legend></fieldset>

A

The <fieldset> tag groups related form widgets together and draws a box around the related widgets. The <legend> tag defines a caption for a <fieldset>.

Ex: <fieldset>

<legend>Favorite Sitcom</legend>

138
Q

Picker

A

An input picker is a widget that allows the user to interactively pick a choice using a popup or other guided selection method.

139
Q

maxlength

A

Sets the maximum number of input characters.
<!-- Only 4 chars max can be entered -->
<input></input>

140
Q

max

A

Sets the maximum value that the input can have.
<!-- Number may not exceed 212 -->
<input></input>

141
Q

min

A

Sets the minimum value that the input can have.
<!-- Date may not be earlier than July 4, 1976 -->
<input></input>

142
Q

pattern

A

Provides a pattern (called a regular expression) that the input must match.
<!-- Value must be A, B, or C followed by single digit -->
<input></input>

143
Q

required

A

States that the input is required and must not be left empty.
<!-- At least one character must be entered -->
<input></input>

144
Q

step

A

Sets the amount by which the value can change.
<!-- Number is changed by multiples of 5 -->
<input></input>

145
Q

fallback

A

A fallback is a mechanism that allows a web page element to function correctly even if the browser does not support a particular element. Good practice is to implement a fallback mechanism if a particular widget is not widely supported by browsers at the time.

146
Q

polyfill

A

A polyfill is a fallback using JavaScript code that makes certain HTML features (Ex: the date picker) work on browsers that do not natively support those features. Developers often use a JavaScript library such as Modernizr to detect which features the browser does not support, and then load one or more polyfills to provide fallback mechanisms for the non-supported features.

147
Q

<iframe>
</iframe>

A

A YouTube video may be embedded in a web page with the <iframe> element. The <iframe> element allows a web page to be embedded in a rectangular area of the current web page. The <iframe> element uses the src attribute to specify the URL of the web page to display and the width and height attributes to define the width and height in pixels of the rectangular iframe.

148
Q
A
149
Q
A

Web Developement Foundations (2 decks)

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