New

Long-Term Learning

Learn efficiently and remember over time.

Start Long-Term Learning

Get personalized study reminders at intervals optimized for better retention.
Track your progress on this set by creating a folder
Or add to an existing folder

Add this set to a folder

  • «Semantic markup», which gives better meaning, or definition, to several tags so they make more ___

    sense to humans, programs, and Web browsers.

    «class» and «id» are «global attributes», which means they ___

    can be used with any HTML element.

    The div element alone doesn't have much meaning without the ___

    id or class attribute.

    HTML5's «semantic markup» gives more specific meaning to parts of an HTML document, making the structure ___

    easier to understand.

    New HTML5 elements for structuring and organizing content in an HTML document include ___

    «header», «footer», «section», «nav», «article», and «aside».

    New HTML5 structure-related tags: ___

    <address>, <article>, <aside>, <details>, <footer>, <header>, <hgroup>, <nav>, <section>, <summary>, <wbr>

    <address> ? ___

    Defines an area for contact information for a page or section

    <article> ? ___

    Defines an article, such as a magazine or newspaper article, blog post, or similar content

    <aside> ? ___

    Defines content that's separate from but related to the page content; similar to a sidebar in book chapters and magazine articles

    <details> ? ___

    Contains additional details pertinent to text around it; creates an interactive widget a user can display or hide

    <footer> ? ___

    Defines a footer for a document or section; may include the document author, contact information, copyright information, and links to terms of use

    <header> ? ___

    Defines a header for a document or section; may contain introductory content or navigation links

    <hgroup> ? ___

    Groups headings and subheadings (using the <h1> to <h6> tags) for multi-level headings

    <nav> ? ___

    Defines a block of navigation links

    <section> ? ___

    Defines a section in a document, such as chapters, parts of a thesis, or parts of a Web page whose content is distinct from each other

    <summary> ? ___

    Defines a visible heading for a details element; user can click to display or hide information

    <wbr> ? ___

    Defines a possible line break; when a word is very long, or you're concerned the browser will break a line at the wrong place, you can use the <wbr> element to break the word or line appropriately

    The «header element» defines a header for ___

    a document, section, or article.

    «footer element» defines a footer for ___

    a document or section, and typically contains information about the document or section, such as the author name, copyright data, links to related documents...

    The «footer element» doesn't automatically appear at ___

    the bottom (or foot) of the document - you need to use CSS to instruct the browser where to display the footer.

    Footers that appear at the bottom of every Web page or document are known as ___

    "sticky footers."

    Like the div element, you can use the «header» and «footer» elements ___

    multiple times in an HTML document.

    The «section element» defines a section in a ___

    document, such as a chapter, parts of a thesis, or parts of a Web page whose content is distinct from each other.

    The WC3 specifies uses for the «section element» to differentiate it from ___

    other structure-related elements, mainly that it contain at least one heading and that it define something that would appear in the document's outline.

    you should use the «section element» to ___

    divide different parts of a one-page Web site or to create a portfolio of images.

    example of a simple «section»: ___

    <section>
    <h1>Eight Count</h1>
    <p>Hip-hop dance instructors often teach moves that have eight counts per set.</p>
    </section>

    situations in which you should avoid using the «section element», and provides the better technique: ___

    Separate content that is independent from the rest of the content OR plan to syndicate a block of content => USE «article»
    Create a sidebar => USE «aside»
    Wrap and position multiple sections that are not related to div each other OR add a drop shadow to or border around an item => USE «div»

    The new HTML5 structure-related tags don't replace the <div> tag entirely, but HTML5 tags greatly reduce the number of ___

    <div> tags needed in an HTML document.

    When defining a section header, which may contain h1 through h6 headings, you can use the ___

    «hgroup element» to group headings.

    The «hgroup element» affects ___

    organization but not presentation.

    Consider using «hgroup» when you have a heading and a subheading one right after the other, as follows: ___

    <hgroup>
    <h1>Hip-Hop Dance Routines</h1>
    <h3>The Eight-Count Method</h3>
    </hgroup>

    you have several choices of tools to use for creating HTML documents. For the PC, consider the ___

    Notepad or Notepad++ text editors, the HTMLKit or KompoZer HTML editors, or development tools like Microsoft Visual Studio, Visual Studio for Web, or Microsoft Expression Web.

    The «nav element» defines a ___

    block of navigation links.

    The «nav element» is useful for creating a ___

    set of navigation links as your document's primary navigation, a table of contents, breadcrumbs in a footer, or Previous Home-Next links.

    The W3C mentions that you don't have to use <nav> tags for ___

    all navigation links, just major blocks of links.

    The following example shows the <nav> tag in use: ___

    <nav>
    <a href="/hiphop/">Hip-Hop</a>
    <a href="/modern/">Modern</a>
    </nav>

    An example of markup for Previous-Home-Next links follows, with vertical bars after each navigation item to separate it from the others visually: ___

    <nav>
    <a href="www.x.com/Services">Previous</a> |
    <a href="www.x.com">Home</a> |
    <a href="www.x.com/About">Next</a>
    </nav>
    <br />

    The «article element» defines a part of an HTML document that consists of a ___

    "self-contained composition" that is independent from the rest of the content in the document.

    Content set off by <article> tags can be distributed in ___

    syndication, so think of it as content that makes sense on its own.

    «Web syndication» is the process of ___

    making content from one Web site available to many Web sites.

    The W3C encourages use of the article element rather than the ___

    «section element» for any content that could be syndicated

    Examples of content suitable for tagging with <article> include a ___

    magazine article, a blog entry, or content for an RSS feed.

    The «aside element» is used to set off content that's related to the ___

    current topic but would interrupt the flow of the document if left inline.

    The «aside element» doesn't change the position of content or how the content displays; it simply lets the browser and search engines know that it's ___

    related content.

    ...the «aside» content doesn't really stand out from the rest of the content. You could add the horizontal rule ___

    <hr /> tag before and after the aside content

    You could also use CSS to adjust the margins of the «aside» content so it's ___

    indented on the left and right.

    Tables and lists give structure to ___

    specific information in HTML documents.

    A table contains rows and ___

    columns, and displays data in a grid.

    A table contains rows and columns, and displays data in a ___

    grid.

    In HTML, you can create ordered
    and unordered ___

    lists.

    Each item in an ordered list is marked by a ___

    number or letter.

    An unordered list is a ___

    bulleted list.

    An HTML «table» contains rows and columns, and is used to ___

    organize and display information in a grid format.

    every HTML «table» begins with the ___

    <table> tag.

    Rows are marked by the ___

    <tr> tag

    column headers use the ___

    <th> tag

    cells are defined by the ___

    <td> tag.

    The markup for a very basic two-column, five-row table is as follows: ___

    <table border="1">
    <tr><th>Quarter</th><th>Total Sales</th></tr>
    <tr><td>Q1</td><td>$4,349</td></tr>
    <tr><td>Q2</td><td>$2,984</td></tr>
    <tr><td>Q3</td><td>$3,570</td></tr>
    <tr><td>Q4</td><td>$7,215</td></tr>
    </table>

    Building on a simple table, you can use the <caption> tag to add a ___

    caption above or below the table.

    To apply inline styles using HTML rather than CSS, use the <col> tag to apply styles to ___

    an entire column.

    The <colgroup> tag groups columns within a table so you can apply ___

    formatting to the group rather than just a column.

    When creating a long table that requires scrolling within a browser, use the ___

    <thead>, <tfoot>, and <tbody> tags.

    The content within the table header and footer will remain on the page while the content marked by <tbody> will ___

    scroll between them.

    The <thead> tag creates ___

    column headings (bolded by default).

    the <tfoot> tag is used to ___

    display the last row.

    The <tbody> tag defines all of the content between the ___

    header and footer.

    <colgroup span="2" style="background-color:red">
    </colgroup>
    <colgroup style="background-color:yellow"/>
    </colgroup>

    What is the equivalent? ___

    <colgroup>
    <col span="2" style="background-color:red"/>
    <col style="background-color:yellow"/>
    </colgroup>

    The style attribute uses one or more ___

    CSS properties and values, separated by semicolons.

    For HTML color, you can use either the color name or ___

    the hexadecimal code.

    You could also center the content in a cell, column, or column group using ___

    style="textalign:center"

    To string multiple properties and values in the same style attribute, use syntax similar to ___

    style="color:blue; text-align:center"

    the common elements used to build tables in HTML5: ___

    col, colgroup, caption, table, tbody, td, tfoot, th, thead, tr

    <col> ? ___

    Defines a table column

    <colgroup> ? ___

    Defines a group of columns in a table

    <caption> ? ___

    Marks text as a table caption

    <table> ? ___

    Defines a table

    <tbody> ? ___

    Defines a group of rows in a table for formatting and scrolling purposes

    <td> ? ___

    Defines a table cell

    <tfoot> ? ___

    Defines a group of footer rows in a table for formatting and scrolling purposes

    <th> ? ___

    Defines a table header cell

    <thead> ? ___

    Defines a group of heading rows in a table for formatting and scrolling purposes

    <tr> ? ___

    Defines a table row

    Ordered list: ___

    Orders the list entries using numbers, by default.

    Unordered list: ___

    Displays list entries in a bulleted list.

    <ol> tag ? ___

    Ordered list.

    <ul> tag ? ___

    Unordered list.

    You can use the following attributes with an ordered list:

    reversed, start number, type.

    «reversed» uses the value "reversed," which reverses the ___

    order of the list, in descending order;

    «start» number, specifies the ___

    start value of the ordered list

    Type specifies the kind of marker to use at the beginning of each list item; the value "1" is the default and displays ___, the value "A" uses capital letters, the value "a" uses lowercase letters, the value "I" uses uppercase Roman numerals, and the value "i" uses lowercase Roman numerals.

    decimal numbers

    Type specifies the kind of marker to use at the beginning of each list item; the value "1" is the default and displays decimal numbers, the value "A" uses capital letters, the value "a" uses lowercase letters, the value "I" uses ___

    uppercase Roman numerals, and the value "i" uses lowercase Roman numerals.

    Items in a list are marked by ___

    <li>, which indicates an ordinary list item.

    An example of an ordered list : ___

    <ol>
    <li>Chocolate chip cheesecake</li>
    <li>Strawberry delight</li>
    <li>Italian creme</li>
    </ol>

    An example of an unordered list : ___

    <ul>
    <li>Strawberry delight</li>
    <li>Chocolate chip cheesecake</li>
    <li>Italian creme</li>
    </ul>

    You can change the round bullet symbols in an unordered list by simply adding an ___

    attribute to change the nature of the bullets.

    To change the nature of the bullets: For square symbols, add type= ___

    "square" to the <ul> tag, and for empty circles add type="circle".

    To change the nature of the bullets: For square symbols, add type= "square" to the <ul> tag, and for empty circles add ___

    type="circle".

    To display all bullet symbols as filled-in squares: ___

    <p>Cupcake flavors:</p>
    <ul type="square">
    <li>Strawberry delight</li>
    <li>Chocolate chip cheesecake</li>
    </ul>

    «definition list» ? ___

    It displays items with their definitions below the list item and indented.

    The <dl> tag ? ___

    defines the definition list.

    the <dt> tag ? ___

    marks each term in the item

    the <dd> tag ? ___

    defines each description

    Here's an example of «definition list» : ___

    <dl>
    <dt>Strawberry delight</dt>
    <dd>Strawberry meringue buttercream with tiny wild strawberries</dd>
    </dl>

    the «menu element», which presents a list (or menu) of ___

    commands, usually with buttons.

    The W3C prefers that you use the «menu element» only for ___

    context menus, lists of form controls and commands, toolbars, and similar items.

    To change the initial markers to capital letters, insert ___

    type="A" in the <ol> tag, like this: <ol type="A">

    To start list numbering at 5, insert ___

    start="5" in the <ol> tag. Replace the current <ol> tag with this: <ol start="5">

    Developers use Web forms as the interface for collecting information from Web site and ___

    client application users.

    HTML «input elements» serve to ___

    build a form's interface and ensure that information is collected from users consistently.

    «Validation» ensures that the entered information is in the correct format and usable before ___

    sending the data to the server.

    In HTML, input and validation apply to ___

    forms.

    A Web form is a Web page that provides ___, which is sent to a server for processing. From there, the information is stored in a database or forwarded to a recipient.

    input fields for a user to enter data

    A Web form is a Web page that provides input fields for a user to enter data, which is sent to a server for processing. From there, the information is ___

    stored in a database or forwarded to a recipient.

    Web forms are used as the interface for many different tasks: ___

    To log in a Web site (server, or network);
    To collect contact information (such as name, email address, phone number, and mailing address); To sign up for emails or newsletters from an organization; To capture user comments after an article; To select preferences; To enter reservation information;

    You use HTML «input elements» to build a form's interface and ensure that ___

    information is collected from users consistently.

    Validation ensures that the entered information is in the correct ___

    format and usable before sending the data to the server.

    Validation also reduces the amount of ___

    spam and malicious content that can make its way to the server or the recipient of the form's data.

    The new HTML5 form and input attributes are intuitive, easy to use, and replace
    a lot of ___

    scripting that was required in HTML 4.01 and previous versions.

    «Form input» is the information a user ___

    enters into fields in a Web or client application form.

    if you use a new element or attribute that isn't yet supported, the browser ___

    "falls back" to an alternate display, a different form of input, or what have you.

    HTML5 introduces two new attributes for the «form element» : ___

    autocomplete and novalidate.

    All attributes for the «form element» are: ___

    accept-charset, action, autocomplete, enctype, method, name, novalidate, target

    The attributes for the «input element» are: ___

    accept, alt, autocomplete, autocomplete, checked, disabled, form, formaction, formenctype, formmethod, formnovalidate, formtarget, height, list, max, min, multiple, pattern, placeholder, readonly, required, size, src, step, type, value, width

    «form element» attribute: «accept-charset» ? ___

    Specifies a set of character encodings the
    server accepts

    «form element» attribute: «action» ? ___

    Specifies the Web address to which form data is sent

    «form element» attribute: «autocomplete» ? ___

    Specifies whether autocomplete is on or off in a form or input field; can be "on" for specific input fields and "off" for the form, or vice versa

    «form element» attribute: «enctype» ? ___

    Specifies the encoding type for form data when submitting the data to a server; used only for method="post"

    «form element» attribute: «name» ? ___

    Specifies the name of a form, which is used to reference form data after a form is submitted

    «form element» attribute: «novalidade» ? ___

    A Boolean attribute that specifies that the
    form data (user input) should not be validated when submitted;

    «form element» attribute: «target» ? ___

    Specifies where to display the response received after submitting the form (_blank, _self, _parent, _top)

    «input element» attribute: «accept» ? ___

    Specifies file types the server accepts; used only for type="file"

    «input element» attribute: «alt» ? ___

    Specifies alternate text for images; used only for type="image"; commonly used when creating a custom Submit button from your own image file.

    «input element» attribute: «autocomplete» ? ___

    Specifies whether autocomplete is on or off in a form or input field; can be "on" for specific input fields and "off" for the form, or vice versa

    «input element» attribute: «autofocus» ? ___

    A Boolean attribute, specifies that a control
    is to be focused, or selected, as soon as the
    page loads

    «input element» attribute: «checked» ? ___

    Specifies that an input element be preselected upon page load;
    used only for type="checkbox" or type="radio"

    «input element» attribute: «disabled» ? ___

    Disables an input element

    «input element» attribute: «form» ? ___

    Specifies the form (or multiple forms) an input element belongs to

    «input element» attribute: «formaction» ? ___

    Specifies the Web address of the file that will process the input control when the form is submitted

    «input element» attribute: «formenctype» ? ___

    Specifies the encoding type for form data when submitting the data to a server; used only for method="post"

    «input element» attribute: «formmethod» ? ___

    Specifies the HTTP (transmission) method used for sending form data to a Web address

    «input element» attribute: «formnovalidate» ? ___

    A Boolean attribute that prevents validation when submitting input

    «input element» attribute: «formtarget» ? ___

    Specifies a keyword that indicates where to display the response received after submitting the form

    «input element» attribute: «height» ? ___

    Specifies the height of an input element; used only with input type="image"

    «input element» attribute: «list» ? ___

    Refers to a «datalist element» that contains predefined content to autocomplete input, such as selecting an item from a dropdown list

    «input element» attribute: «max» ? ___

    Specifies the maximum value for an input element (date, number)

    «input element» attribute: «min» ? ___

    Specifies the minimum value for an input element (date, number)

    «input element» attribute: «multiple» ? ___

    A Boolean attribute that specifies the user may enter multiple values

    «input element» attribute: «pattern» ? ___

    Provides a format (a regular expression) for the input field; the input element's value is checked against the expression

    «input element» attribute: «placeholder» ? ___

    Displays a key word or short phrase that describes the expected value of an input field, such as "Email" for an email input field; placeholder disappears when user enters data

    See More

    Please allow access to your computer’s microphone to use Voice Recording.

    Having trouble? Click here for help.

    We can’t access your microphone!

    Click the icon above to update your browser permissions above and try again

    Example:

    Reload the page to try again!

    Reload

    Press Cmd-0 to reset your zoom

    Press Ctrl-0 to reset your zoom

    It looks like your browser might be zoomed in or out. Your browser needs to be zoomed to a normal size to record audio.

    Please upgrade Flash or install Chrome
    to use Voice Recording.

    For more help, see our troubleshooting page.

    Your microphone is muted

    For help fixing this issue, see this FAQ.

    Star this term

    You can study starred terms together

    NEW! Voice Recording

    This is a Plus feature