Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
27 Cards in this Set
- Front
- Back
|
Which HTML5 declaration that needs to be at the start of all HTML5 web pages?
|
<!DOCTYPE html> <html> [More HTML5 code here] </html> |
|
|
This is the new HTML5 tag that specifies the character set being used for a website. |
<meta charset="UTF-8" /> |
|
|
How to link jacvascript to your html document? |
<script src="script.js"></script> |
|
|
How do you link a CSS page to your html document? |
<link rel="stylesheet" href="style.css" /> |
|
|
How to italicize text in html? |
<i>Text here</i> |
|
|
How to bold text in html? |
<b>Text here</b> |
|
|
This element's represents a generic document or application section. |
<section>[Code here]</section> |
|
|
Which element is usually placed at the top of a page but is defined more by its content than its position |
<header> [Code here] </header> |
|
|
The [footer] element represents a footer for its nearest ancestor sectioning content or sectioning root element. |
<footer> [Code here] </footer> |
|
|
Which element covers various contexts: -When used within an [article] element, this element's contents should be related to the particular [article] element it is contained within. -When used outside an [article] element, this element's contents should be specifically related to the website as a whole |
<aside> [Code here] </aside> |
|
|
Which element represents a section of a page that links to other pages or to parts within the page? |
<nav> [Code here] </nav> |
|
|
Which element represents a complete, or self-contained, composition in a document, page, application, or site and that is, in priniciple, independently distributable or reusable, e.g. in syndication? |
<article> [Code here] </article> |
|
|
Which element represents either a time on a 24 hour clock, or a precise date in the proleptic Gregorian calendar, optionally with a time and a time-zone offset? |
<time> [Code here] </time> |
|
|
Search [input] Type |
The [input] element with a type attribute whose value is "search" represents a one-line plain-text edit control for entering one or more search terms. An example:
<input type="search" /> |
|
|
Email [input] Type |
The "email" [input] looks just like a regular text input, but with added usability on mobile devices.
An example:
<input type="email" /> |
|
|
URL [input] Type |
The "url" [input] looks just like a regular text input, but with added usability on mobile devices.
An example:
<input type="url" /> |
|
|
Date [input] Type |
The [input] element with a type attribute whose value is "date" represents a control for setting the element's value to a string representing a date. An example which includes a date picker on Desktop and mobile machines:
<input type="date" /> |
|
|
Tel [input] Type |
The "tel" [input] looks just like a regular text [input], but with added usability on mobile devices. When using a mobile phone for the example below, the keyboard will change to show digits to dial when the "tel" [input] field gets focus.
<input type="tel" /> |
|
|
Number [input] Type |
The [input] element with a type attribute whose value is "number" represents a precise control for setting the element's value to a string representing a number.
<input type="number" /> |
|
|
Range [input] Type |
The [input] element with a type attribute whose value is "range" represents an imprecise control for setting the element's value to a string representing a number. Below is an example. On a HTML5-supported browser I'll see a slider control where I can change a number value.
<input type="range" /> |
|
|
Month [input] Type
Week [input] Type |
The "month" [input] type provides controls for me to select a given month - see below:
<input type="month" />
The "week" [input] type provides controls for me to select a given week - see below:
<input type="week" /> |
|
|
Time [input] Type
Datetime-Local [input] Type |
The "time" [input] type adds controls that allows me to select a given time - see below: <input type="time" />
The "datetime-local" [input] type adds controls that allows me to select a given time AND date - see below: <input type="datetime-local" /> |
|
|
How to apply rounded corners to borders. |
.box { border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; or .box { border-radius: 15px 15px 15px 15px; } |
|
|
Order of Border Radius Values |
border-radius: <top left> <top right> <bottom right> <bottom left>; |
|
|
Which property specifies a shadow on an element. |
Box Shadow box-shadow: <inset> <offset-x> <offset-y> <blur-radius> <spread-radius> <color>; |
|
|
How to create background |
box { <background-color> <background-image> <background-repeat> <background-attachment> <background-position>; } |
|
|
How to change fonts |
font-family: Helvetica, 'Times New Roman', serif; font-weight: normal; font-style: normal; |
