More HTML Flashcards
A blank is any part of a web document body that has opening and closing tags.
container
A blank is the container in which another element resides.
parent container
Container for introductory content
<header>
</header>
Generic tag for creating inline containers
<span></span>
Generic tag for creating block containers
<div>
</div>
Container for content not directly related to the main topic of a document
<aside>
</aside>
Container for content relating to website navigation
<nav>
</nav>
Container for self-contained content that can be reused independently, such as a news article
<article>
</article>
Container for distinct parts of a document, such as a chapter
<section>
</section>
Container for the document’s primary content
<main>
</main>
Container for person’s or organization’s contact information
<address>
</address>
Container for content descriptive information about the web page like author, copyright, or date modified
<footer>
</footer>
HTML elements can be categorized as either blank or blank
block or inline
A blank (sometimes called a block-level element) fills the width of the element’s parent container and can contain other block elements, inline elements, and text.
block element
Block elements include blank, blank and blank.
<h1>, <table>, and <p>
</p></table></h1>
Some block elements cannot be contained within certain blank when the semantics are unclear. Ex: The <p> element cannot contain another <p> element.
other block elements
A blank 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>
An blank fills the minimum space possible in the element’s parent container and can only contain text or other inline elements.
inline element
The blank element is an inline element that creates a hyperlink container as big as the link’s internal content; a hyperlink does not fill the width or height of the link’s parent paragraph.
<a></a>
The blank 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 blank element has no semantic meaning.</em></a>
<span></span>
The blank tag allows the web browser to submit information from the user to the server.
<form>
</form>
The <form> tag has what two primary attributes:
The action attribute
The method attribute
The blank indicates the URL where the form data should be sent. Typically the URL uses HTTPS so the form data is encrypted.
action attribute
The blank indicates the HTTP request type the browser will use to communicate with the server.
method attribute
The method is either blank or blank. Blank is the default method if no method is specified.
GET or POST
GET
The blank is a technique used by a web browser to submit information to a web server by altering the URL of the HTTP request.
GET method
When a user clicks the submit button in a form that uses the GET method, the browser performs what 4 following steps:
Collect all data from the form fields into a query string.
Create a URL with the server page and name=value pairs.
Use the newly created URL to create and send an HTTP GET request.
Display or update the web page using the HTTP response received from the server.
The blank is a set of name=value pairs separated by the ampersand character (&). Each name is specified as an attribute of the HTML field, and the value is the user-entered data. Ex: The first and last field names and values in the animation below become the string: first=Rick&last=Deckard
query string
The URL is composed of the blank
action attribute specified in the form, the question mark character (?), and the query string. Ex: http://example.com/apply?first=Rick&last=Deckard
The GET method should not be used to submit blank like phone numbers, credit card information, etc.
private information
The blank is a technique used by a web browser to submit information to a web server by sending the information in the HTTP request body.
POST method
When the user clicks the submit button in a form that uses the POST method, the browser performs what four steps
Create an HTTP POST request using the URL from the form’s action attribute.
Create a query string from the form data. Ex: first=Sarah&last=Connor
Place the the query string in the HTTP request message body and send the request.
Display or update the web page using the HTTP response received from the server.
To accommodate binary data, a blank can be split into multiple parts.
a POST request
The <form> tag’s blank “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.
enctype attribute value
The &, ?, and = characters have special meaning in a query string. If a user enters characters like &, ?, =, or white space characters like space, newline, or tab, the characters must be blank, meaning the characters must be transformed into other representations.
escaped
The browser rules for escaping form data are what?
Space → +
All other reserved characters, newline, and tab → %XX where XX is the ASCII hex value of the character
The web server blank the form data to determine what the original values are.
unescapes
A blank is an interactive component (usually graphical) that the browser uses to interact with a user. Ex: Buttons, drop-down menus, and data entry fields.
widget
The blank allows the user to enter information into a web page.
<input></input> tag
The <input></input> tag has what five primary attributes:
The type attribute
The name attribute
The id attribute
The placeholder attribute
The value attribute
The blank specifies a default value for a widget.
value attribute
The blank specifies text that first appears in a text widget, typically for giving the user a hint as to the expected value.
placeholder attribute
The blank is used to give a widget a unique identifier.
id attribute
The blank names the widget and sends the widget’s value when the widget’s form is submitted.
name attribute
The blank indicates the widget type. Common types include text, password, submit, and button.
type attribute
A blank widget is an input element with the type attribute of “text” that allows users to enter a single line of text.
text box
The web browser displays a blank widget for an <input></input> tag with the type attribute of “submit”, which sends the associated form’s data to the server when clicked.
submit button
The blank 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.
<label></label>
A blank widget is an input element specified by <textarea> opening and closing tags that allows users to enter multiple lines of text.</textarea>
text area
A <textarea> tag has optional blank and blank attributes to specify the initial size of the text area.</textarea>
rows and cols
An blank is a widget that allows the user to interactively pick a choice using a popup or other guided selection method.
input picker
The blank is an input picker that allows the user to enter a date or choose a date from a calendar popup.
date picker
The basic syntax for the date picker is blank.
<input></input>
Two common attributes for the date input are blank and blank.
min (the earliest date permitted)
max (the latest date permitted)
Clicking on the blank creates a color selector popup that helps the user explore and choose a color.
color picker
The basic syntax for the color picker is blank.
<input></input>
The blank ensures user input is a valid number.
number input
The basic syntax for the number input is blank
<input></input>
The blank and blank attributes are commonly used with the number input.
min
max
The blank widget allows the user to select a value by dragging a sliding control along the length of a line.
range input
The basic syntax for the range input is blank
<input></input>
Three commonly used attributes for the range input are blank, blank and blank
min, max, and value.
A blank is the combination of a text box and drop-down menu into a single widget.
combo box
A combo box is created with an blank element, which creates the text box, and a blank element, which provides the drop-down list options.
<input></input>
<datalist>
</datalist>
Four input types exist for entering specific types of text. Name them
url
tel
email
search
For typing a URL
url
