Level 67
Level 68

[Quiz] Layout II


92 words 0 ignored

Ready to learn       Ready to review

Ignore words

Check the boxes below to ignore/unignore words, then click save at the bottom. Ignored words will never appear in any learning session.

All None

Ignore?
User Interface (UI)
The portion of a web site or application with which a user interacts.
Vendor Prefix
Helps to work around the problem of many browsers having alternative property names.
border
Sets width of table border in number of pixels
content
words
Block-level element
An element that contains content that is displayed in a separate section on the Web page, set off from other blocks. Always starts on a new line and takes up the full width available
inline elements
Elements which go with the flow of the page/other elements. They are not separated from the other elements. i.e. <img> and <a> elements.Does not start on a new line and only takes up as much width as necessary.
Parent/Child Relationship
A parent box can contain one or more boxes. The boxes contained within a parent box are referred to as child boxes.
Flexbox Box Model
A layout mode for using flexible boxes in user interfaces.
Flexbox
Offers flexible layouts for UI design.
Grid Layout Model
Can be used to create more flexible layouts for more complicated pages.
display:flexbox CSS property
Sets the flexbox as a block-level element.
display:inline-flexbox CSS property
Sets the flexbox as an inline-level element.
Flexbox Item
Child Box
flex Property
Makes child boxes flexible by height and width:
flex-flow Property
Sets the flew-direction and flex-wrap properties at the same time:
flex-item-align Property
Overrides the default alignment of child boxes styled with the flex-align property:
flex-line-pack Property
Sets child box alignment within the parent box when extra space exists:
flex-order Property
Assigns child boxes to groups and controls the order in which they appear in a layout, beginning with the lowest numbered group:
flex-pack Property
Justifies the alignment of child boxes within a flexbox to ensure all whitespace in the parent box is filled:
flex-wrap Property
Determines whether child boxes automatically create anew line and wrap onto it or overflow the flexbox:
Media Queries
a CSS3 module allowing content rendering to adapt to conditions such as screen resolution
Grid Layouts
Similar to spreadsheets in that the use columns, rows, and cells, but you can create many different types of layouts that, in the end, don't look like a spreadsheet at all.
Grid Items
Child elements of a grid.
Grid Lines
The horizontal and vertical lines that divide columns or rows
Grid Cells
The logical space used to lay out grid items, similar to a cell in a spreadsheet.
grid-columns or grid-rows
Specifies parameters for one or more columns or rows in a grid. Values:
grid-template
Provides a visualization of the grid element's structure and defines the grid cells. Values:
grid-cell
Positions a child item inside a named grid cell. Values:
grid-column or grid-row
Places child items in a grid. Values:
grid-column-span or grid-column-span
Defines the dimensions of a grid cell by specifying the distance (in lines) from the starting line to the ending line. Values:
grid-column-sizing or grid-row-sizing
Changes the size of implicit columns or rows, which are auto-sized by default. Value:
grid-flow
Creates additional columns or rows as needed to accommodate content. Values:
grid-column-align or grid-row-align
Controls a child item's alignment within a cell. Values:
Semantic Markup
Gives better meaning, or definition, to several tags so they make more sense to humans, programs, and Web browsers.
<address>
Contains contact details for the author of the page.
<article>
Defines an article, such as a magazine or newspaper article, blog post, or similar content.
<aside>
Defines content aside from the page content
<details>
Defines additional details that the user can view or hide
<footer>
Can be used for an individual article within the page or every page on the site.
<header>
Defines a header for a document or section; may contain introductory content or navigation links.
<hgroup>
Used to group a set of one or more <h1> through <h6> elements so they are treated as one single heading.
<nav>
Used to contain the major navigational blocks on the site such as the primary site navigation.
<section>
Used to group related content together. (Each section typically has it's own heading).
<summary>
Defines a visible heading for a <details> element
<wbr>
Defines a possible line-break
Web syndication
The process of making content from one Web site available to many Web sites.
table
defines the table
<tr>
Defines a table row
<th>
Defines a table header
<td>
Table Data- how you create a column
<col>
Specifies column properties for each column within a <colgroup> element
<colgroup>
Specifies a group of one or more columns in a table for formatting
ordered list
used to display list information in a sequential order
unordered list
used to present list items but not in a particular order
<ul type="square">
Changes bullets to squares.
<ul type="circle">
Changes bullets to open circles.
<dl>
Creates a definition list
<dd>
Used to contain the definition.
menu Element
Presents a list of commands, usually with buttons.
Web Form
A Web page that provides input fields for a user to enter data.
Form Input
The information a user enters into field in a Web or client application form.
accept-charset Attribute
Specifies a set of character encodings the server accepts. Value=character_set
action Attribute
Specifies the Web address to which form data is sent. Value=URL
name Attribute
Specifies the name of a form, which is used to reference form data after a form is submitted. Value=text
alt
I show up when images are nowhere to be found
autofocus Attribute
A Boolean attribute, specifies that a control is to be focused, or selected, as soon as the page loads. Value=autofocus
disabled Attribute
Disables an input element. Value=disabled
form Attribute
Specifies the form (or multiple forms) an input element belongs to. Value=form_id
formaction Attribute
Specifies te Web address of the file that will process the input control when the form is submitted. Value=URL
formmethod Attribute
Specifies the HTTP (transmission method used for sending form data to a Web address. Value=get or Value=post
formnovalidate Attribute
A Boolean attribute that prevents validation when submitting input. Value=formnovalidate
formtarget Attribute
Specifies a keyword that indicates where to display the response received after submitting the form. Value:
list Attribute
Refers to a datalist element that contains predefined content to autocomplete input, such as selecting an item fro a dropdown list. Value=datalist_id
max Attribute
Specifies the maximum value for an input element. Value=date or Value=number
min Attribute
Specifies the minimum value for an input element. Value=date or Value=number
multiple Attribute
A Boolean attribute that specifies the user may enter multiple values. Value=multiple
readonly Attribute
Restricts an input field to read-only. Value=readonly
required Attribute
A Boolean attribute that requires an input field to be filled out before submitting the form. Value=required
size Attribute
Specifies the width of an input element, in number of characters. Value=number
src attribute
Used to define the address for images and other HTML media.
type Attribute
Specifies the type of input element to display. Value:
Value Attribute
Specifies the value of an input element. Value=text
Automatic Validation
The browser checks the data the user inputs.
Client-Side Validation
Input data is validated before submission to the server.
Server-Side Validation
The server validates data received from an input form.
<p>
Indicates the begining of a new paragraph.
<h3>
Marks text to appear in the third largest heading font size.
<br>
Creates a paragraph or double-spaced break between text.
<ul>
Indicates an unordered (Bulleted) list.
<li>
Indicates that the line item that follows the tag is an item within a list.
<div>
HTML tag that creates divisions or containers
<article>
Acts as a container for any section of the page that could stand alone and potentially be syndicated. Defines an independent self-contained article
Level 69