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.
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.
3
Q
Web document that is viewed in a web browser.
A
Webpage
A webpage may link to other webpages.
4
Q
Collection of related webpages.
A
Website
A website may be composed of any number of webpages.
5
Q
A program that serves webpages to browsers.
A
Web Server
Popular web servers today include Apache, IIS, and nginx.
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.
7
Q
A program for viewing webpages.
A
Browser
A browser displays HTML files in a formatted way.
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.
9
Q
Manages document presentation
A
CSS consists of a set of style rules about how to display the parts of a document.
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.
11
Q
top-level domains (TLD)
A
.com
.net
.org
.gov
.edu
12
Q
country code top-level domain (ccTLD)
A
.ru(Russia)
.uk(United Kingdom)
.de(Germany)
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
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
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
16
Q
web resource
A
is any retrievable item, like an HTML file, image, video, CSS stylesheet, etc
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”.
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”.
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”.
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
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.
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.
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
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
25
HTTP/1.1
is the HTTP standard used for most of the web's lifetime
26
HTTP/2
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
27
HTTP/3
currently in development, improves the speed of HTTP/2 by using UDP to transport data packets instead of TCP
28
HTTP request
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
29
HTTP response
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
30
Content-length
Number of bytes in the response's message body
31
Content-type
Media type of the response's message body
32
Date
Datetime the response was generated by the web server
33
Last-Modified
Datetime the requested resource was last modified on the web server
34
Server
Identifies the web server software that generated the response
35
Host
The domain name for the requested path
36
User-Agent
Identifies the browser making the request
37
Internet Assigned Numbers Authority (IANA)
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
38
GET (request method)
Request a representation of the specified resource
39
HEAD (request method)
Request a response identical to GET but without the response body
40
POST (request method)
Request the web server to accept the message body enclosed in the request as a new resource
41
PUT (request method)
Request the web server to accept the message body enclosed in the request as a modification of an existing resource
42
DELETE (request method)
Request the web server to delete the existing resource
43
200
OK
Standard response for a successful request
44
301
Moved Permanently
The resource should always be requested at a different URL
45
302
Found
The resource should temporarily be requested at a different URL
46
304
Not Modified
The resource has not been modified since the last time the resource was requested
47
403
Forbidden
The web browser does not have permission to access the resource
48
404
Not Found
The resource could not be located
49
500
Internal Server Error
Something unexpected happened on the web server
50
Transport Layer Security (TLS)
HTTPS uses TLS, which uses asymmetric public keys to encrypt data between the browser and web server
51
A web design approach that creates webpages that automatically move and resize parts depending on the display size and orientation
Responsive web design
requires careful design and typically uses software frameworks to simplify development
52
Visual clues that guide the user in figuring out how to use an app
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.
53
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
Mobile First
54
Internet of Things (abbreviated as IoT)
is the global collection of communicating devices that sense and control technology on behalf of humans
55
h1, h2, h3
Headers. h1 is largest.
Ex:
Puppies are cute
56
p
Paragraph
Ex:
Humans seem designed to see puppies as cute.
57
em, strong
Emphasis, strong emphasis
"When in doubt, tell the truth" -Mark Twain.
58
img
Image
Ex: 
Note: src is the image's URL source, and alt describes the image.
Note: src is the image's URL source, and alt describes the image.
60
Cascading Style Sheets (CSS)
is a textual language for describing how a webpage is styled for visual presentation. CSS controls the look and layout of webpage content.
61
R
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
Hypertext
Text that contains connections to other documents.
63
Markup
Part of a document that explains how to interpret or structure other parts of the document.
64
Language
A set of rules describing how to write HTML.
65
HTML tag
is a markup instruction identified by <, the tag name, and >
66
Opening tag
indicates the starting point in the document where the tag takes effect.
67
Closing tag
indicates the ending point in the document where the tag stops having an effect.
68
The document starts with , which instructs the browser how to interpret the rest of the document.
69
The opening and closing tags mark the beginning and ending of the document. The lang attribute indicates the document's language is English.
70
The opening and closing tags enclose the and tags.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":71,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455495237},"returnTo":"/packs/21574060/subscribe"}' id='card-455495237'>
<div class='header'>
71
</div>
<div class='card-face question'>
<div class='question-content'>
<meta>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The <meta> tag specifies metadata, which is data that describes the document's data. <meta charset="UTF-8"> describes how characters are represented in the HTML document. Additional <meta> tags may be used to indicate when the document was saved, who the author is, etc.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":72,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455495482},"returnTo":"/packs/21574060/subscribe"}' id='card-455495482'>
<div class='header'>
72
</div>
<div class='card-face question'>
<div class='question-content'>
<title>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":73,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455495831},"returnTo":"/packs/21574060/subscribe"}' id='card-455495831'>
<div class='header'>
73
</div>
<div class='card-face question'>
<div class='question-content'>
<body>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The <body> opening and closing tags enclose the document's contents. The browser displays the document body in the webpage.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":74,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455511646},"returnTo":"/packs/21574060/subscribe"}' id='card-455511646'>
<div class='header'>
74
</div>
<div class='card-face question'>
<div class='question-content'>
<br>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The <br> tag creates a line break in a paragraph. Good practice is to use <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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":75,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455512240},"returnTo":"/packs/21574060/subscribe"}' id='card-455512240'>
<div class='header'>
75
</div>
<div class='card-face question'>
<div class='question-content'>
<br><br>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
A<br><br>B creates a blank line between A and B. Ex:
A
B
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":76,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455513436},"returnTo":"/packs/21574060/subscribe"}' id='card-455513436'>
<div class='header'>
76
</div>
<div class='card-face question'>
<div class='question-content'>
<section>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
A section is a collection of related content. Many documents can be organized into sections, with each section being wrapped in a <section> tag.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":77,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455514982},"returnTo":"/packs/21574060/subscribe"}' id='card-455514982'>
<div class='header'>
77
</div>
<div class='card-face question'>
<div class='question-content'>
<h4>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The <h4> tag is the fourth level heading of the document's hierarchical structure.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":78,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455515861},"returnTo":"/packs/21574060/subscribe"}' id='card-455515861'>
<div class='header'>
78
</div>
<div class='card-face question'>
<div class='question-content'>
<em>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The <em> tag indicates emphasized text, such as text having an emphasized pronunciation when spoken, and is italicized by default.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":79,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455516005},"returnTo":"/packs/21574060/subscribe"}' id='card-455516005'>
<div class='header'>
79
</div>
<div class='card-face question'>
<div class='question-content'>
<strong>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The <strong> tag indicates text that has strong importance, and is bolded by default.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":80,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455516020},"returnTo":"/packs/21574060/subscribe"}' id='card-455516020'>
<div class='header'>
80
</div>
<div class='card-face question'>
<div class='question-content'>
<cite>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":81,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455516153},"returnTo":"/packs/21574060/subscribe"}' id='card-455516153'>
<div class='header'>
81
</div>
<div class='card-face question'>
<div class='question-content'>
<mark>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":82,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455516209},"returnTo":"/packs/21574060/subscribe"}' id='card-455516209'>
<div class='header'>
82
</div>
<div class='card-face question'>
<div class='question-content'>
<b>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":83,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455516291},"returnTo":"/packs/21574060/subscribe"}' id='card-455516291'>
<div class='header'>
83
</div>
<div class='card-face question'>
<div class='question-content'>
<i>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":84,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455516424},"returnTo":"/packs/21574060/subscribe"}' id='card-455516424'>
<div class='header'>
84
</div>
<div class='card-face question'>
<div class='question-content'>
<u>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":85,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455520017},"returnTo":"/packs/21574060/subscribe"}' id='card-455520017'>
<div class='header'>
85
</div>
<div class='card-face question'>
<div class='question-content'>
<!-- comment -->
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
An HTML comment is a portion of the document that is not displayed by the browser.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":86,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455520363},"returnTo":"/packs/21574060/subscribe"}' id='card-455520363'>
<div class='header'>
86
</div>
<div class='card-face question'>
<div class='question-content'>
unordered list
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":87,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455555184},"returnTo":"/packs/21574060/subscribe"}' id='card-455555184'>
<div class='header'>
87
</div>
<div class='card-face question'>
<div class='question-content'>
<tr> (table row)
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The <tr> opening and closing tags create a table row, which contains all the row's cells.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":88,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455555288},"returnTo":"/packs/21574060/subscribe"}' id='card-455555288'>
<div class='header'>
88
</div>
<div class='card-face question'>
<div class='question-content'>
<th> (table header)
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":89,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455555444},"returnTo":"/packs/21574060/subscribe"}' id='card-455555444'>
<div class='header'>
89
</div>
<div class='card-face question'>
<div class='question-content'>
<td> (table data)
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The <td> opening and closing tags create a new table cell containing table data.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":90,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455555603},"returnTo":"/packs/21574060/subscribe"}' id='card-455555603'>
<div class='header'>
90
</div>
<div class='card-face question'>
<div class='question-content'>
<caption> (table caption)
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":91,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455561348},"returnTo":"/packs/21574060/subscribe"}' id='card-455561348'>
<div class='header'>
91
</div>
<div class='card-face question'>
<div class='question-content'>
<thead> (table headers)
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The <thead> tags surround the rows that define the table header.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":92,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455561392},"returnTo":"/packs/21574060/subscribe"}' id='card-455561392'>
<div class='header'>
92
</div>
<div class='card-face question'>
<div class='question-content'>
<tbody> (table body)
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The <tbody> tags surround the rows that define the table body.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":93,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455561494},"returnTo":"/packs/21574060/subscribe"}' id='card-455561494'>
<div class='header'>
93
</div>
<div class='card-face question'>
<div class='question-content'>
<tfoot> (table footer)
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The <tfoot> tags surround the rows that define the table footer.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":94,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455642263},"returnTo":"/packs/21574060/subscribe"}' id='card-455642263'>
<div class='header'>
94
</div>
<div class='card-face question'>
<div class='question-content'>
Absolute URL
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
is a complete URL.
Ex: <a href="http://example.com/test.html">test</a> is a hyperlink using the absolute URL http://example.com/test.html.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":95,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455643685},"returnTo":"/packs/21574060/subscribe"}' id='card-455643685'>
<div class='header'>
95
</div>
<div class='card-face question'>
<div class='question-content'>
Relative URL
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
specifies the relative path to the web resource with no scheme or hostname.
Ex: <a href="test.html">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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":96,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455779578},"returnTo":"/packs/21574060/subscribe"}' id='card-455779578'>
<div class='header'>
96
</div>
<div class='card-face question'>
<div class='question-content'>
fragment
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":97,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455779687},"returnTo":"/packs/21574060/subscribe"}' id='card-455779687'>
<div class='header'>
97
</div>
<div class='card-face question'>
<div class='question-content'>
Id attribute
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":98,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455779803},"returnTo":"/packs/21574060/subscribe"}' id='card-455779803'>
<div class='header'>
98
</div>
<div class='card-face question'>
<div class='question-content'>
graphical hyperlink
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
A graphical hyperlink or image link uses an image inside a hyperlink instead of text. Ex: <a href="http://www.akc.org/"><img src="dog.jpg" alt="Link to AKC using an image of a dog."></a>
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":99,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455780088},"returnTo":"/packs/21574060/subscribe"}' id='card-455780088'>
<div class='header'>
99
</div>
<div class='card-face question'>
<div class='question-content'>
_self
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The _self attribute value is the default and indicates the browser will open the link in the same tab or window.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":100,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455780096},"returnTo":"/packs/21574060/subscribe"}' id='card-455780096'>
<div class='header'>
100
</div>
<div class='card-face question'>
<div class='question-content'>
_blank
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The _blank attribute value indicates the browser will open the link in a new tab or window.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":101,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455780199},"returnTo":"/packs/21574060/subscribe"}' id='card-455780199'>
<div class='header'>
101
</div>
<div class='card-face question'>
<div class='question-content'>
target attribute
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
An anchor tag's target attribute indicates how the browser should display the link when clicked.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":102,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455788377},"returnTo":"/packs/21574060/subscribe"}' id='card-455788377'>
<div class='header'>
102
</div>
<div class='card-face question'>
<div class='question-content'>
Entity
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":103,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455791354},"returnTo":"/packs/21574060/subscribe"}' id='card-455791354'>
<div class='header'>
103
</div>
<div class='card-face question'>
<div class='question-content'>
©
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Entity name
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":104,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455791432},"returnTo":"/packs/21574060/subscribe"}' id='card-455791432'>
<div class='header'>
104
</div>
<div class='card-face question'>
<div class='question-content'>
©
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Decimal number
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":105,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455791497},"returnTo":"/packs/21574060/subscribe"}' id='card-455791497'>
<div class='header'>
105
</div>
<div class='card-face question'>
<div class='question-content'>
©
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Hexadecimal number
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":106,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455793482},"returnTo":"/packs/21574060/subscribe"}' id='card-455793482'>
<div class='header'>
106
</div>
<div class='card-face question'>
<div class='question-content'>
non-breaking character
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
A non-breaking character is an inter-word character that permits treating the words on both sides to be one word.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":107,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455793571},"returnTo":"/packs/21574060/subscribe"}' id='card-455793571'>
<div class='header'>
107
</div>
<div class='card-face question'>
<div class='question-content'>
‑ (non-breaking hyphen)
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
A non-breaking hyphen, ‑, looks like a regular hyphen but acts like a normal character in the middle of a word. Ex: off‑campus displays "off‑campus" on the same line.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":108,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455793712},"returnTo":"/packs/21574060/subscribe"}' id='card-455793712'>
<div class='header'>
108
</div>
<div class='card-face question'>
<div class='question-content'>
(non-breaking space)
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":109,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455793993},"returnTo":"/packs/21574060/subscribe"}' id='card-455793993'>
<div class='header'>
109
</div>
<div class='card-face question'>
<div class='question-content'>
wireframe
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
A wireframe is a blueprint, showing where the future content will be arranged.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":110,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455918769},"returnTo":"/packs/21574060/subscribe"}' id='card-455918769'>
<div class='header'>
110
</div>
<div class='card-face question'>
<div class='question-content'>
Container
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
A container is any part of a web document body that has opening and closing tags.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":111,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455918866},"returnTo":"/packs/21574060/subscribe"}' id='card-455918866'>
<div class='header'>
111
</div>
<div class='card-face question'>
<div class='question-content'>
parent container
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
A parent container is the container in which another element resides.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":112,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":455922252},"returnTo":"/packs/21574060/subscribe"}' id='card-455922252'>
<div class='header'>
112
</div>
<div class='card-face question'>
<div class='question-content'>
<div>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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>.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":113,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456023512},"returnTo":"/packs/21574060/subscribe"}' id='card-456023512'>
<div class='header'>
113
</div>
<div class='card-face question'>
<div class='question-content'>
<span>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":114,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456040750},"returnTo":"/packs/21574060/subscribe"}' id='card-456040750'>
<div class='header'>
114
</div>
<div class='card-face question'>
<div class='question-content'>
<form>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The <form> tag allows the web browser to submit information from the user to the server.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":115,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456042394},"returnTo":"/packs/21574060/subscribe"}' id='card-456042394'>
<div class='header'>
115
</div>
<div class='card-face question'>
<div class='question-content'>
action attribute (form attribute)
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The action attribute indicates the URL where the form data should be sent. Typically the URL uses HTTPS so the form data is encrypted.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":116,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456042423},"returnTo":"/packs/21574060/subscribe"}' id='card-456042423'>
<div class='header'>
116
</div>
<div class='card-face question'>
<div class='question-content'>
method attribute (form attribute)
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":117,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456044376},"returnTo":"/packs/21574060/subscribe"}' id='card-456044376'>
<div class='header'>
117
</div>
<div class='card-face question'>
<div class='question-content'>
GET method
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":118,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456044600},"returnTo":"/packs/21574060/subscribe"}' id='card-456044600'>
<div class='header'>
118
</div>
<div class='card-face question'>
<div class='question-content'>
query string
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The query string is a set of name=value pairs separated by the ampersand character (&).
Ex: first=Rick&last=Deckard
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":119,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456044927},"returnTo":"/packs/21574060/subscribe"}' id='card-456044927'>
<div class='header'>
119
</div>
<div class='card-face question'>
<div class='question-content'>
POST method
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":120,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456162118},"returnTo":"/packs/21574060/subscribe"}' id='card-456162118'>
<div class='header'>
120
</div>
<div class='card-face question'>
<div class='question-content'>
enctype attribute
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":121,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456163323},"returnTo":"/packs/21574060/subscribe"}' id='card-456163323'>
<div class='header'>
121
</div>
<div class='card-face question'>
<div class='question-content'>
widget
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":122,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456164061},"returnTo":"/packs/21574060/subscribe"}' id='card-456164061'>
<div class='header'>
122
</div>
<div class='card-face question'>
<div class='question-content'>
<input>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The <input> tag allows the user to enter information into a web page.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":123,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456164163},"returnTo":"/packs/21574060/subscribe"}' id='card-456164163'>
<div class='header'>
123
</div>
<div class='card-face question'>
<div class='question-content'>
type attribute (input attribute)
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The type attribute indicates the widget type. Common types include text, password, submit, and button.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":124,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456164246},"returnTo":"/packs/21574060/subscribe"}' id='card-456164246'>
<div class='header'>
124
</div>
<div class='card-face question'>
<div class='question-content'>
name attribute (input attribute)
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The name attribute names the widget and sends the widget's value when the widget's form is submitted.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":125,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456164634},"returnTo":"/packs/21574060/subscribe"}' id='card-456164634'>
<div class='header'>
125
</div>
<div class='card-face question'>
<div class='question-content'>
id attribute (form attribute)
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The id attribute is used to give a widget a unique identifier.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":126,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456164737},"returnTo":"/packs/21574060/subscribe"}' id='card-456164737'>
<div class='header'>
126
</div>
<div class='card-face question'>
<div class='question-content'>
placeholder attribute (form attribute)
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The placeholder attribute specifies text that first appears in a text widget, typically for giving the user a hint as to the expected value.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":127,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456164859},"returnTo":"/packs/21574060/subscribe"}' id='card-456164859'>
<div class='header'>
127
</div>
<div class='card-face question'>
<div class='question-content'>
value attribute (form attribute)
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The value attribute specifies a default value for a widget.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":128,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456166136},"returnTo":"/packs/21574060/subscribe"}' id='card-456166136'>
<div class='header'>
128
</div>
<div class='card-face question'>
<div class='question-content'>
<label>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The <label> tag displays descriptive text associated with a specific widget.
A label has a for attribute whose value should match the id attribute for the widget being labeled.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":129,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456166405},"returnTo":"/packs/21574060/subscribe"}' id='card-456166405'>
<div class='header'>
129
</div>
<div class='card-face question'>
<div class='question-content'>
<textarea>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
A text area widget is an input element specified by <textarea> opening and closing tags that allows users to enter multiple lines of text.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":130,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456421165},"returnTo":"/packs/21574060/subscribe"}' id='card-456421165'>
<div class='header'>
130
</div>
<div class='card-face question'>
<div class='question-content'>
<select>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":131,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456421272},"returnTo":"/packs/21574060/subscribe"}' id='card-456421272'>
<div class='header'>
131
</div>
<div class='card-face question'>
<div class='question-content'>
<option>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
The <option> opening and closing tags create a value, or option, the user can select within a drop-down menu.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":132,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456421688},"returnTo":"/packs/21574060/subscribe"}' id='card-456421688'>
<div class='header'>
132
</div>
<div class='card-face question'>
<div class='question-content'>
checkbox
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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 type="checkbox" checked>
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":133,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456421849},"returnTo":"/packs/21574060/subscribe"}' id='card-456421849'>
<div class='header'>
133
</div>
<div class='card-face question'>
<div class='question-content'>
radio button
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":134,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456422392},"returnTo":"/packs/21574060/subscribe"}' id='card-456422392'>
<div class='header'>
134
</div>
<div class='card-face question'>
<div class='question-content'>
list box
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
A list box widget is created by specifying a size with the select element's size attribute. Ex: <select size="4"> creates a list box that shows four options at a time.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":135,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456423573},"returnTo":"/packs/21574060/subscribe"}' id='card-456423573'>
<div class='header'>
135
</div>
<div class='card-face question'>
<div class='question-content'>
<button>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
A button widget can be created using the <button> opening and closing tags or with <input type="button">. The <button> element allows text and images to be displayed in a button, but an <input> button only allows text.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":136,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456429636},"returnTo":"/packs/21574060/subscribe"}' id='card-456429636'>
<div class='header'>
136
</div>
<div class='card-face question'>
<div class='question-content'>
password
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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 type="password" name="secret" size="10" maxlength="10">
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":137,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":456430447},"returnTo":"/packs/21574060/subscribe"}' id='card-456430447'>
<div class='header'>
137
</div>
<div class='card-face question'>
<div class='question-content'>
<fieldset> & <legend>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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>
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":138,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":457123650},"returnTo":"/packs/21574060/subscribe"}' id='card-457123650'>
<div class='header'>
138
</div>
<div class='card-face question'>
<div class='question-content'>
Picker
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
An input picker is a widget that allows the user to interactively pick a choice using a popup or other guided selection method.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":139,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":457272046},"returnTo":"/packs/21574060/subscribe"}' id='card-457272046'>
<div class='header'>
139
</div>
<div class='card-face question'>
<div class='question-content'>
maxlength
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Sets the maximum number of input characters.
<!-- Only 4 chars max can be entered -->
<input type="password" maxlength="4">
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":140,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":457272191},"returnTo":"/packs/21574060/subscribe"}' id='card-457272191'>
<div class='header'>
140
</div>
<div class='card-face question'>
<div class='question-content'>
max
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Sets the maximum value that the input can have.
<!-- Number may not exceed 212 -->
<input type="number" max="212">
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":141,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":457272359},"returnTo":"/packs/21574060/subscribe"}' id='card-457272359'>
<div class='header'>
141
</div>
<div class='card-face question'>
<div class='question-content'>
min
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Sets the minimum value that the input can have.
<!-- Date may not be earlier than July 4, 1976 -->
<input type="date" min="1976-07-04">
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":142,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":457272368},"returnTo":"/packs/21574060/subscribe"}' id='card-457272368'>
<div class='header'>
142
</div>
<div class='card-face question'>
<div class='question-content'>
pattern
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Provides a pattern (called a regular expression) that the input must match.
<!-- Value must be A, B, or C followed by single digit -->
<input type="text" pattern="[ABC][0-9]">
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":143,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":457272373},"returnTo":"/packs/21574060/subscribe"}' id='card-457272373'>
<div class='header'>
143
</div>
<div class='card-face question'>
<div class='question-content'>
required
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
States that the input is required and must not be left empty.
<!-- At least one character must be entered -->
<input type="password" required>
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":144,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":457272376},"returnTo":"/packs/21574060/subscribe"}' id='card-457272376'>
<div class='header'>
144
</div>
<div class='card-face question'>
<div class='question-content'>
step
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
Sets the amount by which the value can change.
<!-- Number is changed by multiples of 5 -->
<input type="range" step="5">
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":145,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":457272409},"returnTo":"/packs/21574060/subscribe"}' id='card-457272409'>
<div class='header'>
145
</div>
<div class='card-face question'>
<div class='question-content'>
fallback
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":146,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":457272412},"returnTo":"/packs/21574060/subscribe"}' id='card-457272412'>
<div class='header'>
146
</div>
<div class='card-face question'>
<div class='question-content'>
polyfill
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":147,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":457273375},"returnTo":"/packs/21574060/subscribe"}' id='card-457273375'>
<div class='header'>
147
</div>
<div class='card-face question'>
<div class='question-content'>
<iframe>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
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.
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":148,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":457273380},"returnTo":"/packs/21574060/subscribe"}' id='card-457273380'>
<div class='header'>
148
</div>
<div class='card-face question'>
<div class='question-content'>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
</div>
</div>
</div>
<div class='flashcard-row thin-card is-blurrable' data='{"aSoundUrl":null,"cardIsBlurrable":true,"number":149,"qSoundUrl":null,"resources":{"deckId":13999855,"packId":21574060,"cardId":457273381},"returnTo":"/packs/21574060/subscribe"}' id='card-457273381'>
<div class='header'>
149
</div>
<div class='card-face question'>
<div class='question-content'>
</div>
</div>
<div class='card-face answer'>
<div class='answer-content'>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='flashcards-sidebar'>
<div class='sidebar-header'>
<div class='react-component' id='flashcards-search-bar'>
<div class='placeholder market-search-bar' id='flashcards-search-bar-placeholder'></div>
</div>
</div>
<div class='sidebar-content'>
<p class='deck-subject-heading'>
<a class="decks-in-subject-link" href="/packs/web-developement-foundations-21574060"><span class="pack-name">Web Developement Foundations</span> (2 decks)
</a></p>
<ul class='deck-list-items'>
<a class='deck-link selected' href='/flashcards/html-hypertext-markup-language-13999855/packs/21574060'>
<li class='deck-list-item'>HTML (HyperText Markup Language)</li>
</a>
<a class='deck-link ' href='/flashcards/css-cascading-style-sheets-14132776/packs/21574060'>
<li class='deck-list-item'>CSS (Cascading Style Sheets)</li>
</a>
</ul>
</div>
</div>
</div>
<div id='tooltip-controller'></div>
<div data='{"packId":21574060,"source":"spaced-repetition-modal","subject":"Web Developement Foundations","resources":{"deckId":13999855,"packId":21574060},"returnTo":"/packs/21574060/subscribe"}' id='spaced-repetition-modal-controller'></div>
<div id='banner-controller'></div>
<div id='dialog-modal-controller'></div>
<div class='band band-footer'>
<div class='footer-main'>
<ul class='sections'>
<li class='section key-links'>
<p class='section-heading'>
Key Links
</p>
<ul class='options-list'>
<li class='option'>
<a id="footer-pricing-link" class="option-link" href="/pricing?paywall=upgrade">Pricing</a>
</li>
<li class='option'>
<a class="option-link" href="/companies">Corporate Training</a>
</li>
<li class='option'>
<a class="option-link" href="/teachers">Teachers & Schools</a>
</li>
<li class='option'>
<a class="option-link" target="_blank" rel="nofollow noopener noreferrer" href="https://itunes.apple.com/us/app/brainscape-smart-flashcards/id442415567?mt=8">iOS App</a>
</li>
<li class='option'>
<a class="option-link" target="_blank" rel="nofollow noopener noreferrer" href="https://play.google.com/store/apps/details?id=com.brainscape.mobile.portal">Android App</a>
</li>
<li class='option'>
<a class="option-link" target="_blank" rel="noopener" href="https://www.brainscape.com/faq">Help Center</a>
</li>
</ul>
</li>
<li class='section subjects'>
<p class='section-heading'>
Subjects
</p>
<ul class='options-list'>
<li class='option'>
<a class="option-link" href="/subjects/medical-nursing">Medical & Nursing</a>
</li>
<li class='option'>
<a class="option-link" href="/subjects/law">Law Education</a>
</li>
<li class='option'>
<a class="option-link" href="/subjects/foreign-languages">Foreign Languages</a>
</li>
<li class='option'>
<a class="option-link" href="/subjects-directory/a">All Subjects A-Z</a>
</li>
<li class='option certified-classes'>
<a class="option-link" href="/learn">All Certified Classes</a>
</li>
</ul>
</li>
<li class='section company'>
<p class='section-heading'>
Company
</p>
<ul class='options-list'>
<li class='option'>
<a class="option-link" href="/about">About Us</a>
</li>
<li class='option'>
<a target="_blank" class="option-link" rel="nofollow noopener noreferrer" href="https://brainscape.zendesk.com/hc/en-us/articles/115002370011-Can-I-earn-money-from-my-flashcards-">Earn Money!</a>
</li>
<li class='option'>
<a target="_blank" class="option-link" href="https://www.brainscape.com/academy">Academy</a>
</li>
<li class='option'>
<a target="_blank" class="option-link" href="https://brainscapeshop.myspreadshop.com/all">Swag Shop</a>
</li>
<li class='option'>
<a target="_blank" rel="nofollow noopener" class="option-link" href="/contact">Contact</a>
</li>
<li class='option'>
<a target="_blank" rel="nofollow noopener" class="option-link" href="/terms">Terms</a>
</li>
<li class='option'>
<a target="_blank" class="option-link" href="https://www.brainscape.com/academy/brainscape-podcasts/">Podcasts</a>
</li>
<li class='option'>
<a target="_blank" class="option-link" href="/careers">Careers</a>
</li>
</ul>
</li>
<li class='section find-us'>
<p class='section-heading'>
Find Us
</p>
<ul class='social-media-list'>
<li class='option twitter-badge group'>
<a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://twitter.com/Brainscape"><img data-src="/pks/images/shared/twitterx-af917e8b474ed7c95a19.svg" alt="twitter badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a>
</li>
<li class='option linkedin-badge group'>
<a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.linkedin.com/company/brainscape/"><img data-src="/pks/images/shared/linkedin-2f15819658f768056cef.svg" alt="linkedin badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a>
</li>
<li class='option facebook-badge group'>
<a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.facebook.com/Brainscape"><img data-src="/pks/images/shared/facebook-1598a44227eabc411188.svg" alt="facebook badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a>
</li>
<li class='option youtube-badge group'>
<a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.youtube.com/c/BrainscapeNY"><img data-src="/pks/images/shared/youtube-7f2994b2dc1891582524.svg" alt="youtube badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a>
</li>
<li class='option pinterest-badge group'>
<a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.pinterest.com/brainscape/"><img data-src="/pks/images/shared/pinterest-04f51aa292161075437b.svg" alt="pinterest badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a>
</li>
<li class='option tiktok-badge group'>
<a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.tiktok.com/@brainscapeu"><img data-src="/pks/images/shared/tiktok-644cf4608bd73fbbb24f.svg" alt="tiktok badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a>
</li>
<li class='option insta-badge group'>
<a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://www.instagram.com/brainscape/"><img data-src="/pks/images/shared/insta-210cc2d059ae807961d2.svg" alt="insta badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="24" height="24" /></a>
</li>
</ul>
<div class='get-the-app'>
<div class='qr-code'>
<img data-src="https://www.brainscape.com/assets/cms/public-views/shared/shortio-from-homepage.png" alt="QR code" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="130" height="130" />
</div>
<div class='app-badges'>
<div class='badge apple-badge'>
<a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://apps.apple.com/us/app/brainscape-smart-flashcards/id442415567"><img data-src="/pks/images/shared/apple-badge-b6e4f380fb879821d601.svg" alt="apple badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="124" height="50" /></a>
</div>
<div class='badge android-badge'>
<a rel="nofollow noopener noreferrer" target="_blank" class="option-link" href="https://play.google.com/store/apps/details?id=com.brainscape.mobile.portal&utm_source=global_co&utm_medium=prtnr&utm_content=Mar2515&utm_campaign=PartBadge&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1"><img data-src="/pks/images/shared/android-badge-a2251833dc7f6ca8879c.svg" alt="android badge" class="lazy-load" src="/pks/images/shared/placeholder-2f8e0834f3c4456dc1cc.jpg" width="124" height="50" /></a>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class='footer-blurb'>
Brainscape helps you reach your goals faster, through stronger study habits.
<br>
© 2025 Bold Learning Solutions. <a class="option-link" href="/terms">Terms and Conditions</a>
</div>
</div>
<script>
if (typeof window.__REACT_DEVTOOLS_GLOBAL_HOOK__ === 'object') {
__REACT_DEVTOOLS_GLOBAL_HOOK__.inject = function() {};
}
</script>
<script>
window.addEventListener('load', () => {
setTimeout(() => {
const script = document.createElement('script');
script.src = "/pks/js/public-flashcards-page-9140413b5150ce9700f9.js";
script.defer = true;
document.body.appendChild(script);
}, 0);
});
</script>
<script src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js" defer="defer"></script>
<script>
document.addEventListener("mainSharedready", () => {
GaHelper.setGaDimension("dimension1","No");
});
</script>
<script type='application/ld+json'>
{"@context":"https://schema.org/","@type":"Quiz","about":{"@type":"Thing","name":"HTML (HyperText Markup Language)"},"hasPart":[{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HyperText markup language (HTML)","acceptedAnswer":{"@type":"Answer","text":"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."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"The language used for a text file that describes a webpage","acceptedAnswer":{"@type":"Answer","text":"HTML The HyperText Markup Language has text with links (hypertext) to other files on the web."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Web document that is viewed in a web browser. ","acceptedAnswer":{"@type":"Answer","text":"Webpage A webpage may link to other webpages."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Collection of related webpages. ","acceptedAnswer":{"@type":"Answer","text":"Website A website may be composed of any number of webpages."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"A program that serves webpages to browsers. ","acceptedAnswer":{"@type":"Answer","text":"Web Server Popular web servers today include Apache, IIS, and nginx."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"The protocol for transferring files among computers via the web. ","acceptedAnswer":{"@type":"Answer","text":"HTTP Short for HyperText Transfer Protocol. A protocol is a set of rules."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"A program for viewing webpages.","acceptedAnswer":{"@type":"Answer","text":"Browser A browser displays HTML files in a formatted way."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Specifies document structure","acceptedAnswer":{"@type":"Answer","text":"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."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Manages document presentation ","acceptedAnswer":{"@type":"Answer","text":"CSS consists of a set of style rules about how to display the parts of a document."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Enables document interaction","acceptedAnswer":{"@type":"Answer","text":"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."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"top-level domains (TLD)","acceptedAnswer":{"@type":"Answer","text":".com .net .org .gov .edu"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"country code top-level domain (ccTLD) ","acceptedAnswer":{"@type":"Answer","text":".ru(Russia) .uk(United Kingdom) .de(Germany)"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"second-level domain","acceptedAnswer":{"@type":"Answer","text":"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"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Third-level domain","acceptedAnswer":{"@type":"Answer","text":"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"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"URL (Uniform Resource Locator)","acceptedAnswer":{"@type":"Answer","text":"is the location of a web resource on the web, such as http://www.cdc.gov/alcohol/faqs.htm"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"web resource","acceptedAnswer":{"@type":"Answer","text":"is any retrievable item, like an HTML file, image, video, CSS stylesheet, etc"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Scheme","acceptedAnswer":{"@type":"Answer","text":"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\"."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Hostname","acceptedAnswer":{"@type":"Answer","text":"The complete domain name following the scheme in a URL. Ex: In https://www.cdc.gov/alcohol, the hostname is \"www.cdc.gov\"."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Path","acceptedAnswer":{"@type":"Answer","text":"The characters to the right of the hostname in a URL. Ex: In https://www.cdc.gov/alcohol, the path is \"/alcohol\"."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Query string","acceptedAnswer":{"@type":"Answer","text":"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"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Fragment","acceptedAnswer":{"@type":"Answer","text":"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."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"404","acceptedAnswer":{"@type":"Answer","text":"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. "}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HyperText Transfer Protocol (HTTP)","acceptedAnswer":{"@type":"Answer","text":"is a networking protocol that runs over TCP/IP and governs communication between web browsers and web servers"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Transmission Control Protocol/Internet Protocol (TCP/IP)","acceptedAnswer":{"@type":"Answer","text":"is a protocol suite that governs how data packets are transferred over the Internet from one machine to another"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HTTP/1.1","acceptedAnswer":{"@type":"Answer","text":"is the HTTP standard used for most of the web's lifetime"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HTTP/2","acceptedAnswer":{"@type":"Answer","text":"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"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HTTP/3","acceptedAnswer":{"@type":"Answer","text":"currently in development, improves the speed of HTTP/2 by using UDP to transport data packets instead of TCP"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HTTP request","acceptedAnswer":{"@type":"Answer","text":"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"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HTTP response","acceptedAnswer":{"@type":"Answer","text":"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"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Content-length","acceptedAnswer":{"@type":"Answer","text":"Number of bytes in the response's message body"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Content-type","acceptedAnswer":{"@type":"Answer","text":"Media type of the response's message body"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Date","acceptedAnswer":{"@type":"Answer","text":"Datetime the response was generated by the web server"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Last-Modified","acceptedAnswer":{"@type":"Answer","text":"Datetime the requested resource was last modified on the web server"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Server","acceptedAnswer":{"@type":"Answer","text":"Identifies the web server software that generated the response"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Host","acceptedAnswer":{"@type":"Answer","text":"The domain name for the requested path"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"User-Agent","acceptedAnswer":{"@type":"Answer","text":"Identifies the browser making the request"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Internet Assigned Numbers Authority (IANA) ","acceptedAnswer":{"@type":"Answer","text":"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"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"GET (request method)","acceptedAnswer":{"@type":"Answer","text":"Request a representation of the specified resource"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"HEAD (request method)","acceptedAnswer":{"@type":"Answer","text":"Request a response identical to GET but without the response body"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"POST (request method)","acceptedAnswer":{"@type":"Answer","text":"Request the web server to accept the message body enclosed in the request as a new resource"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"PUT (request method)","acceptedAnswer":{"@type":"Answer","text":"Request the web server to accept the message body enclosed in the request as a modification of an existing resource"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"DELETE (request method)","acceptedAnswer":{"@type":"Answer","text":"Request the web server to delete the existing resource"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"200","acceptedAnswer":{"@type":"Answer","text":"OK Standard response for a successful request"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"301","acceptedAnswer":{"@type":"Answer","text":"Moved Permanently The resource should always be requested at a different URL"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"302","acceptedAnswer":{"@type":"Answer","text":"Found The resource should temporarily be requested at a different URL"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"304","acceptedAnswer":{"@type":"Answer","text":"Not Modified The resource has not been modified since the last time the resource was requested"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"403","acceptedAnswer":{"@type":"Answer","text":"Forbidden The web browser does not have permission to access the resource"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"404","acceptedAnswer":{"@type":"Answer","text":"Not Found The resource could not be located"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"500","acceptedAnswer":{"@type":"Answer","text":"Internal Server Error Something unexpected happened on the web server"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Transport Layer Security (TLS)","acceptedAnswer":{"@type":"Answer","text":"HTTPS uses TLS, which uses asymmetric public keys to encrypt data between the browser and web server"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"A web design approach that creates webpages that automatically move and resize parts depending on the display size and orientation","acceptedAnswer":{"@type":"Answer","text":"Responsive web design requires careful design and typically uses software frameworks to simplify development"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Visual clues that guide the user in figuring out how to use an app","acceptedAnswer":{"@type":"Answer","text":"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."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"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","acceptedAnswer":{"@type":"Answer","text":"Mobile First"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Internet of Things (abbreviated as IoT)","acceptedAnswer":{"@type":"Answer","text":"is the global collection of communicating devices that sense and control technology on behalf of humans"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"h1, h2, h3","acceptedAnswer":{"@type":"Answer","text":"Headers. h1 is largest. Ex: Puppies are cute"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"p ","acceptedAnswer":{"@type":"Answer","text":"Paragraph Ex: Humans seem designed to see puppies as cute."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"em, strong","acceptedAnswer":{"@type":"Answer","text":"Emphasis, strong emphasis \"When in doubt, tell the truth\" -Mark Twain."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"img","acceptedAnswer":{"@type":"Answer","text":"Image Ex: Note: src is the image's URL source, and alt describes the image."}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"a","acceptedAnswer":{"@type":"Answer","text":"Link Ex: Click Here"}},{"@context":"https://schema.org/","@type":"Question","eduQuestionType":"Flashcard","text":"Cascading Style Sheets (CSS)","acceptedAnswer":{"@type":"Answer","text":"is a textual language for describing how a webpage is styled for visual presentation. CSS controls the look and layout of webpage content. "}}],"educationalAlignment":[{"@type":"AlignmentObject","alignmentType":"educationalSubject","targetName":"HTML (HyperText Markup Language)"}]}
</script>
</body>
</html>