HTML Exam 98-383
<aside>
Defines some content aside from the content it is placed in Example: <aside> <h4>Epcot Center</h4> <p>The Epcot Center is a theme park in Disney World, Florida.</p> </aside>
action attribute
Informs the browser what page (or script) to call once the "submit" button is pressed
<p>
Starts a paragraph Example: <p>This is some text in a paragraph.</p>
Viewport
The visible area of a web page
<br>
Used for a line break
CSS float property
Used for positioning and layout on web pages. Can have one of the following values: left - The element floats to the left of its container right- The element floats to the right of its container none - The element does not float (will be displayed just where it occurs in the text). This is default inherit - The element inherits the float value of its parent
<style>
Used to change the color of text on a page Example: <style> h1 {color:red;} p {color:blue;} </style>
pseudo-class
Used to define a special state of an element
<canvas>
Used to draw graphics, on the fly, via scripting (usually JavaScript)
<script>
Used to embed or reference executable code Example: <script> document.getElementById("demo").innerHTML = "Hello JavaScript!"; </script>
<span>
Used to group inline-elements in a document Example: <p>My mother has <span style="color:blue">blue</span> eyes.</p>
<source>
Used to specify multiple media resources for media elements, such as <video>, <audio>, and <picture>
<video>
Specifies video Example: <video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> </video>
Target attribute
Specifies where to open the linked document Example: <a href="https://www.w3schools.com" target="_blank">Visit W3Schools</a>
declaration
The code within curly braces { }
<fieldset>
Groups related elements in a form
<button>
Defines a clickable button Example: <button type="button">Click Me!</button>
<svg>
Defines a container for SVG graphics Example: <svg width="100" height="100"> <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" /> </svg>
<div>
Defines a division or a section in an HTML document. Example: <div style="background-color:lightblue">
<footer>
Defines a footer for a document or section
<form>
Defines a form that is used to collect user input
<link>
Defines a link between a document and an external resource Example: <link rel="stylesheet" type="text/css" href="theme.css">
<li>
Defines a list item Example: <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol>
<textarea>
Defines a multi-line text input control. Can hold an unlimited number of characters Example: <textarea rows="4" cols="50"> hello </textarea>
<nav>
Defines a set of navigation links
<caption>
Defines a table caption
<summary>
Defines a visible heading for the <details> element
<img>
Defines an image Example: <img src="smiley.gif" alt="Smiley face" height="42" width="42">
<option>
Defines an option in a select list
<ol>
Defines an ordered list Example: <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol>
<ul>
Defines an unordered (bulleted) list Example: <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul>
<section>
Defines sections such as headers or footers
Visibility element
Specifies if an element is visible Example: h2.a { visibility: visible; } h2.b { visibility: hidden; }
<article>
Specifies independent, self-contained content
<figure>
Specifies self-contained content
<track>
Specifies text tracks for media elements (<audio> and <video>)
Color property
Specifies the color of content. Example: body { color: red; }
Text-decoration-color property
Specifies the color of the text-decoration Example: p { text-decoration: underline; text-decoration-color: red; }
CSS relative positioning
A CSS element positioned relative to its normal position
Box model
A box that wraps around every HTML element. It consists of: margins, borders, padding, and the actual content.
CSS syntax
A group of a selector and a declaration Selector example: h1 Declaration example: { color: red; text-align: center; }
CSS framework
A pre-prepared software framework that is meant to allow for easier, more standards-compliant web design
external style sheet
A style within the <link> element
inline style sheet
A style within the <style> element
CSS absolute positioning
An element positioned relative to the nearest positioned ancestor
Block element
An element that always starts on a new line and takes up the full width available
Semantic tag
An element that clearly describes its meaning to both the browser and the developer. Example: <table>
Inline element
An element that does not start on a new line and only takes up as much width as necessary.
element
Anything within two angled brackets Example: <html>
CSS align
Centers an element horizontally and vertically
CSS overflow property
Controls what happens to content that is too big to fit into an area
<audio>
Defines sound Example: <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> </audio>
Text-decoration property
Specifies the decoration added to text, and is a shorthand property for: text-decoration-line (required) text-decoration-color text-decoration-style
Font-family element
Specifies the font for an element Example: p.a { font-family: "Times New Roman", Times, serif; }
Text-align property
Specifies the horizontal alignment of text in an element
Text-indent property
Specifies the indentation of the first line in a text-block Example: div.a { text-indent: 50px; }
max-width
Specifies the maximum width of an element (as opposed to taking up the whole page)`
Font-size property
Specifies the size of a font Example: div.a { font-size: 15px; }
Font-style property
Specifies the style of a font. Example: p.a { font-style: normal; }
<h1> through <h6>
Placed before a header of a page Example: <h1>This is heading 1</h1>
<meta>
Provides metadata (data information)about the HTML document Example: <meta name="description" content="Free Web tutorials">
<header>
Represents a container for introductory content Example: <header> <h1>Most important heading here</h1> <h3>Less important heading here</h3> <p>Some additional information here</p> </header>
<output>
Represents the result of a calculation
CSS selector
Selects the content you want to style
Background property
Sets all the background properties in one declaration Example: body { background: lightblue url("img_tree.gif") no-repeat fixed center; }
Font-weight property
Sets how thick or thin characters in text should be displayed Example: p.normal { font-weight: normal; }
Border-color property
Sets the color of an element's four borders Example: div {border-color: coral;}
Text-decoration-line property
Sets the kind of text decoration to use (like underline, overline, line-through) Example: div.a { text-decoration-line: overline; }
Border-style property
Sets the style of an element's four borders Example: div {border-style: dotted;}
Text-decoration-style property
Sets the style of the text decoration (like solid, wavy, dotted, dashed, double) Example: div.a { text-decoration-line: underline; text-decoration-style: solid; }
Border-width property
Sets the width of an element's four borders Example: div {border-width: thin;}
<datalist>
Specifies a list of pre-defined options for an <input> element
id
Specifies a unique id for an HTML element In this example, the ".city" is the id: .city { background-color: tomato; color: white; padding: 10px;
<details>
Specifies additional details that the user can view or hide on demand
<iframe>
Specifies an inline frame. An inline frame is used to embed another document within the current HTML document. Example: <iframe src="https://www.w3schools.com"></iframe>
Form method attribute
Specifies how to send form-data (the form-data is sent to the page specified in the action attribute)
<!DOCTYPE>
Tells the browser which version of HTML the page is using Example: <!DOCTYPE html>
media query
Uses the @media rule to include a block of CSS properties only if a certain condition is true
