"Must-know" tag elements for constructing web pages. Not all of these are HTML5...some are from earlier web dialects as well

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

  • Defines the dialect of HTML as HTML5

    <!DOCTYPE html>

    Defines the 'brain area' of the web page

    <head>

    Defines the bulk of the region seen by users

    <body>

    Defines the scope of the web page

    <html>

    The highest ranking (largest) heading element

    <h1>

    The lowest ranking (smallest) heading element

    <h6>

    The element used for basic text communication

    <p>

    Element used to connect an external style sheet

    <link>

    Element used to access an icon

    <link>

    Element used to define global information about an HTML document

    <meta>

    Element used to move to a new line

    <br>

    Element used to insert a picture into a web page

    <img>

    Element used to move to another web page

    <a>

    Element used to define a custom region in a web page in a 'block' (vertical) arrangement

    <div>

    Element used to define a custom region in a web page in an 'inline' (horizontal) arrangement

    <span>

    Element used to create 'widgits' that a user can interact with, usually to provide the computer with information

    <input>

    HTML comment structure

    <!-- -->

    Creates a numerical list

    <ol>

    Creates a bulletted list

    <ul>

    An item in a list, despite the type of list

    <li>

    Puts the core description of the web page in the browser frame, used by search engines, placed in the head of the web page

    <title>

    Used to declare 'keywords' in a web page

    <meta>

    Used to declare a 'description' of a web page, used to populate a search-engine's results page

    <meta>

    Used to preserve a user's requested format for text, in a monospaced font

    <pre>

    Used to showcase a quote

    <blockquote>

    Used to provide 'fancy' quotation marks (curly quotes)

    <q>

    Used to showcase contact information

    <address>

    Inline element for italics

    <i>

    Inline element for bolding

    <b>

    Inline element used to show the exponent in a math expression

    <sup>

    Inline element used to show the 2 in the chemical formula for water: H20

    <sub>

    An example of an 'empty' element used to start a new line

    <br>

    Used to define abbreviations

    <abbr>

    Used to cite a bibliographic citation like a book title

    <cite>

    Used to showcase computer code

    <code>

    Used for definitions

    <dfn>

    Used for generic emphasis, could be confused with a unit of measure for fonts

    <em>

    Used to show keyboard entries

    <kbd>

    Used to mark a sequence of characters (sample) that has no other meaning

    <samp>

    Used to show strong emphasis

    <strong>

    Used to show computer variables

    <var>

    An _____ element is coded in a block element and doesn't begin on a new line

    inline

    Non-breaking space

    &nbsp;

    Ampersand symbol

    &

    HTML character entity for the '&' symbol

    &amp;

    Provides the masthead area

    <header>

    Generic region in a page that doesn't indicate the type of content

    <section>

    A composition like an article in a newspaper

    <article>

    Region for a list of links

    <nav>

    Region for a sidebar

    <aside>

    Region for footnotes

    <footer>

    Two or more headings that form a composite heading

    <hgroup>

    Date or time that can be parsed by a browser

    <time>

    An illustration, diagram, photo, code listing or the like that is referred to from the main content of the document

    <figure>

    Caption that identifies a figure

    <figcaption>

    Defines a region of styles within the brains area of the web page

    <style>

    Define a region of computer instructions or references to computer instructions within a web page

    <script>

    Used to create a 'description list'

    <dl>

    A term in a 'description list'

    <dt>

    A description in a 'description list'

    <dd>

    Used to create placeholders (anchors) with a page

    <a>

    Used to create an array of rows and columns

    <table>

    Used to create a row in a table

    <tr>

    Used to create a header cell in a table row or column

    <th>

    Used to create a 'column' in a table

    <td>

    Used to create a group of one or more rows into a table header

    <thead>

    Groups the rows between the header and footer into a table body

    <tbody>

    Groups one or more rows into a table footer

    <tfoot>

    Attribute used to merge a group of columns into a single cell

    colspan

    Attribute used to merge a group of rows into a single cell

    rowspan

    Creates a basic perimeter defining a region for user input; houses the user 'controls'

    <form>

    Create a special region a user can 'press' that can contain text, formatted text, images, or other HTML elements

    <button>

    Creates a 'drop-down' list with user options

    <select>

    Creates choices in a 'drop-down' list

    <option>

    Defines a group of options in a 'drop-down' list

    <optgroup>

    Attribute defining what an option returns

    value

    Boolean attribute causing an option to be shown as loaded

    selected

    Defines a large region for text input

    <textarea>

    Creates a region to identify the type of user input requested

    <label>

    Creates a visual perimeter around an area (for proximity purposes)

    <fieldset>

    Creates a label for a fieldset within its perimeter to identify the information therein

    <legend>

    Embeds a media object in a web page

    <object>

    Provides 'fodder' for the media player used to open a file

    <param>

    Element often used to provide access to a YouTube video or MP3 file

    <embed>

    Three tags: easiest way to add a video or audio element to your web pages

    <video>, <audio>, <source>

    Used to create drawing regions within a web page

    <canvas>

    A ___ element is commonly used to identify a related control in a form. To associate it with a given control, you use the ____ attribute of the label to specify the ___ value of the control.

    <label> ... for ... id

    _____ tags are often (always?) nested in the <map> tag code block and define _____ regions in a base image for ______

    <area>...hotspot...hyperlinks

    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