Go on. Explore!

lvl 0 • 0 xp

lvl 1

Home Market Decks Interests

HTML5: Basics

memorize.ai (lvl 286)

(0)

149 cards

()

Section 1

Preview this deck

Attribute values are delimited by ______

Front

1 / 149

SQL

0.0

0 reviews

5			0
4			0
3			0
2			0
1			0

Active users

All-time users

Favorites

Last updated

4 years ago

Date created

Mar 1, 2020

Cards (149)

Section 1

(50 cards)

Attribute values are delimited by ______

Front

double quotes

Back

Syntax for html container

Front

<!DOCTYPE html><html></html>

Back

Multiple attributes are separated by a(n) ______

Front

space

Back

LAN

Front

Local Area Network (intranet)

Back

Safari and Chrome both use the _____ rendering engine

Front

WebKit

Back

Two common examples of empty tags

Front

<br> and <img>

Back

Running an HTML file on all of the browsers your clients may use

Front

test an HTML file

Back

W3C

Front

World Wide Web Consortium

Back

Command to attach an external JavaScript (called 'myscripts.js' to a web page

Front

<script src="myscripts.js"></script>

Back

Chrome, Safari and the Android and iPhone mobile browsers are based on

Front

WebKit

Back

Comment structure

Front

Back

An HTML document consists of two parts:

Front

DOCTYPE declaration and document tree

Back

Making sure a page looks good on multiple browsers of various vintages

Front

Cross-browser compatibility

Back

Chrome, Safari, Firefox and Internet Explorer are examples of _________

Front

browsers

Back

To deploy (publish) a website to the Internet, you transfer your files with a(n) ____ program

Front

FTP (File Transfer Protocol)

Back

Expected year when the HTML5 standard will be a 'final recommendation' by the W3C

Front

2022

Back

WAN

Front

Wide Area Network (connects two or more LANs with a router)

Back

SEO

Front

Search Engine Optimization

Back

Sockets, Canvas, Video, Web Workers, and Local Storage are examples of _____

Front

JavaScript APIs

Back

Tabs, line returns and extra spaces are ____

Front

whitespace

Back

Version of HTML that preceded HTML5

Front

XHTML

Back

As of June 2012, the 5 top browers in order from best to worst in terms of their HTML5 ratings

Front

Chrome, Opera, Firefox, Safari, Internet Explorer (IE)

Back

_____ refers to the qualities that make a web site accessible to users, esp disabled users

Front

Accessibility

Back

An element without content or a closing tag

Front

empty tag

Back

New _____ in HTML add semantics and structure

Front

elements

Back

A free text editor that can be used to edit HTML or CSS code

Front

Aptana

Back

<input type="checkbox" name="mailList" checked> In this element, 'checked' is a _____ attribute

Front

Boolean

Back

Identify the error: <p>What's wrong now?<p>

Front

Closing tag does not have a /

Back

API

Front

Application Programming Interfaces

Back

'http://' is the _______ of a URL

Front

protocol

Back

Expected year when the HTML5 standard will be 'stable'

Front

2014

Back

JavaScript method (function) that places string information into the body of a web page

Front

document.write()

Back

Browser's internal representation of a web page

Front

DOM

Back

To see if an HTML file passes a standard of compliance

Front

validate an HTML file

Back

Essential coding language in HTML5

Front

JavaScript

Back

The Internet consists of many

Front

WANs

Back

Two parts of the document tree:

Front

head and body

Back

Useful site to check a browser's current ratings

Front

www.html5test.com

Back

HTML5's new elements are a _____ of HTML 4 elements, which means older pages will continue to work in modern browsers

Front

superset

Back

WebKit

Front

An open source browser engine

Back

Command to attach an external style sheet (called 'mystyles.css' to a web page

Front

<link rel="stylesheet" href="mystyles.css">

Back

Identify the error: <p>We <i>love the web</p></i>

Front

Incorrect nesting: the <i> pair must be fully enclosed in the <p> pair

Back

Discover/correct problems in an HTML file

Front

debug an HTML file

Back

HTML code elements should be in _ case except for the document type which is in _ case

Front

lower, upper

Back

3 core technologies in HTML5

Front

Markup, JavaScript APIs, and CSS

Back

Command to establish the characters that compose a page

Front

<meta charset="UTF-8">

Back

The html element is the _____ element of the tree

Front

root

Back

JavaScript is at least ____ times faster than it was a decade ago

Front

100

Back

In the command: <li>bag of apples</li> the phrase 'bag of apples' is called the _____ of the element

Front

content

Back

Character coding that has support for many alphabets, including non-western ones

Front

UTF-8

Back

Section 2

(50 cards)

True or false: The height and width attributes are primarily used to fit an image into a given space on a page.

Front

false

Back

Approximate max number of characters in a title element

Front

65

Back

'images/logo.gif' is an example of a(n) ____ path

Front

document-relative

Back

Tag for an item within a list (either ordered or unordered)

Front

<li>

Back

The attribute used to help a screen reader pronounce words correctly

Front

lang

Back

Six primary HTML5 semantic elements used for structuring a page (and are supported by the modern browsers)

Front

header, section, article, nav, aside, footer

Back

It's a best practice to code a series of links within a(n) _______ list

Front

unordered

Back

Five common attributes for an image tag

Front

src, alt, height, width, title

Back

Five inline elements for formatting text

Front

i, b, sub, sup, br

Back

True or false: charset metadata is required for HTML5 validation

Front

true

Back

Inline element that lets you identify text that can be formatted with CSS

Front

span

Back

Image attribute that provides a screen (tool) tip

Front

title

Back

In addition to the required 'charset' metadata attribute, _ and __ attributes should be provided as well for SEO

Front

description, keywords

Back

For images that are used solely for decoration, use this attribute, which is known as a(n) ______ attribute

Front

alt="" empty (no space)

Back

Three common attributes for the meta tag

Front

charset, name, and content

Back

Common use of a link element that provides a 'custom' feel to your web page

Front

'favicon' adornment in the address bar

Back

Always code the _____ attribute on the html element to identify the language of the page

Front

lang

Back

Tag for unordered lists

Front

<ul>

Back

'http://www.yahoo.com/movies.html' is an example of a(n) _____ path

Front

absolute

Back

Three tags for special types of text

Front

pre, blockquote, address

Back

Div and span elements should only be used...

Front

...when more specific tags don't apply

Back

Prefix on a path that navigates up from a child to a parent folder

Front

../

Back

Tag for creating an image on a web page

Front

<img>

Back

Attribute with the <a> tag that specifies the address you want to link to

Front

href

Back

<a> is an example of a(n) _______ element

Front

inline

Back

Extension used for a custom icon

Front

ico

Back

You should use ____ to control the space between block elements

Front

CSS

Back

The two main kinds of lists in HTML

Front

ordered and unordered

Back

A very important element in the head of a page that provides search engine information

Front

title

Back

Three image formats supported by most browsers

Front

jpeg (jpg), gif, png

Back

A website should (must) be contained in a folder called the _____

Front

root

Back

Four other HTML5 semantic elements

Front

hgroup, time, figure, figcaption

Back

Block element that lets you divide a page into divisions that can be formatted and positioned with CSS

Front

div

Back

True or false: The height and width attributes may be used to 'stretch' an image to a given dimension.

Front

true

Back

For images with useful content, always code a(n) _____ attribute that describes the image

Front

alt

Back

To display special characters (often those without keyboard values, such as a 'smiley'), use _

Front

character entities

Back

True or false: id and class names are case sensitive

Front

true

Back

An unordered list is often called a(n) ____ list

Front

bulleted

Back

Ten inline elements for identifying content

Front

abbr, cite, code, dfn, em, kbd, q, samp, strong, var

Back

True or false: Heading tags are the preferred way to size text.

Front

false

Back

Character entities begin with a(n) and end with a __

Front

ampersand (&), semicolon(;)

Back

Four core HTML attributes

Front

id, class, title, lang

Back

Image type used for small illustrations and logos

Front

gif

Back

Provides information about the contents of a web document

Front

metadata

Back

Tag used for metadata

Front

'/login.html' is an example of a(n) ____ path

Front

root-relative

Back

HTML tag to code a hyperlink

Front

<a>

Back

Attribute used to provide "tooltips" when a user hovers the mouse over the element

Front

title

Back

Image type used for photographs and scans

Front

jpeg (jpg)

Back

Tag for ordered lists

Front

<ol>

Back

Section 3

(49 cards)

Adobe's plug-in for video

Front

Flash Player

Back

Front

entity

Back

Software components used to 'decode' video files so they may be played

Front

codecs

Back

Regarding media for a web page: If you are having trouble getting the <object> & <param> elements to work properly, ______ is supported by HTML5 and may be a useful alternative

Front

<embed>

Back

Fancy word to describe a code feature that has been phased out or shelved

Front

deprecated

Back

Apple's plug-in for video

Front

QuickTime

Back

A free product that can convert one type of media to another

Front

Miro Converter (www.mirovideoconverter.com)

Back

Write a hyperlink, that jumps to a placeholder with an id of 'top' on the home page of the site (assume you are not on that page now). The link should read "Return to Home"

Front

<a href="index.html#top">Return to Home</a>

Back

HTML5 entity for a greater than symbol

Front

>

Back

True or false: description terms (<dt>) can only contain text and inline elements

Front

true

Back

One of the most widely-used media types for audio

Front

mp3

Back

Easiest way to add audio to an HTML5 page

Front

<audio src="fileName.mp3"></audio>

Back

Write a hyperlink, nested in a paragraph, that jumps to a placeholder with an id of 'top' on the same page as the link. The link should read "Return to top"

Front

<p><a href="#top">Return to top</a></p>

Back

Windows' plug-in for video

Front

Media Player

Back

One of the most common media types and is also the encoding standard for audio; currently used on all Apple products

Front

aac

Back

Proper HTML5 doctype

Front

<!DOCTYPE html>

Back

wma

Front

Windows Media Audio

Back

Using the _____ element is a good way to display YouTube videos in your web pages

Front

<embed>

Back

An HTML element that only has one tag (such as img or br) is sometimes known as a _______ tag

Front

singleton

Back

Symbol often used to delimit phrases within a title tag's content

Front

|

Back

AAC

Front

Advanced Audio Coding

Back

Description lists were called ___ lists in HTML4, but they were renamed because you can code more than one _ element for each __ element

Front

definition ...<dd>...<dt>

Back

Three common video codecs

Front

H.264, Theora, VP8

Back

MIME type for a MP3

Front

audio/mpeg or audio/x-mpeg

Back

'codec' stands for...

Front

COder/DECoder

Back

Name of the '|' symbol

Front

pipe

Back

URL

Front

In computing, a uniform resource locator (URL) is a specific character string that constitutes a reference to an Internet resource. A URL is technically a type of uniform resource identifier (URI) but in many technical documents and verbal discussions URL is often used as a synonym for URI

Back

MIME type for a WAV

Front

audio/x-wave

Back

A ____ is a location on a page that can be linked to

Front

placeholder

Back

Links that jump to a location on the same page use _, created with the element with the attribute

Front

placeholders...<a>...id

Back

Birthed in 2005, this language was created to expedite web development and is central to making web pages look good on mobile devices

Front

jQuery

Back

To say that a browser "_______" supports a media type means that the browser doesn't require a plug-in for it.

Front

natively

Back

MIME type for a MPG/MPEG

Front

video/mpeg

Back

In the code for a video element, the _____ attribute lets you specify an image file to be used as a static image in place of the video that would otherwise begin playing automatically.

Front

poster

Back

Three elements used to make descriptions lists

Front

<dl>, <dt>, <dd>

Back

When you use the element for media, you code all parameters as _, not as <param> elements

Front

attributes

Back

The '#' symbol is called the _ or or symbol; it's fancy name is __

Front

pound...hash...number...octothorpe

Back

Description lists are used to list and their _

Front

terms ... descriptions

Back

MIME type for a SWF

Front

application/x-shockwave-flash

Back

If you don't specify the MIME type for a file, it will be opened in the browser's _____ media player for that media type

Front

default

Back

MIME

Front

MIME means Multipurpose Internet Mail Extensions, and refers to an official Internet standard that specifies how messages must be formatted so that they can be exchanged between different email systems. MIME is a very flexible format, permitting one to include virtually any type of file or document in an email message. Specifically, MIME messages can contain text, images, audio, video, or other application-specific data.

Back

MIME type for a PDF

Front

application/pdf

Back

Easiest way to add video to an HTML5 page

Front

<video src="fileName.mp4"></video>

Back

Image type used for high quality (many colors, gradients) where transparency is required

Front

png

Back

A ___ type describes the contents of a media file and helps a browser determine what player to use to open it

Front

MIME

Back

HTML5 entity for a copyright symbol

Front

©

Back

The HTML for a navigation list is best coded as a series of __ elements within the _ elements of an ____ list

Front

<a> ... <li> ... unordered (<ul>)

Back

If an _ element links to a file, the browser tries to display or play it by using the right _. To help the browser find the right one, you can use the attribute to specify a __ type

Front

<a> ... media ... media player ... type .... MIME

Back

For browsers that don't support video or audio elements, you can an object element within the video or audio element to play a __ file

Front

nest...Flash

Back

HTML5: Basics

Preview this deck

Attribute values are delimited by ______

0.0

Cards (149)

Attribute values are delimited by ______

double quotes

Syntax for html container

<!DOCTYPE html><html></html>

Multiple attributes are separated by a(n) ______

space

LAN

Local Area Network (intranet)

Safari and Chrome both use the _____ rendering engine

WebKit

Two common examples of empty tags

<br> and <img>

Running an HTML file on all of the browsers your clients may use

test an HTML file

W3C

World Wide Web Consortium

Command to attach an external JavaScript (called 'myscripts.js' to a web page

<script src="myscripts.js"></script>

Chrome, Safari and the Android and iPhone mobile browsers are based on

WebKit

Comment structure

An HTML document consists of two parts:

DOCTYPE declaration and document tree

Making sure a page looks good on multiple browsers of various vintages

Cross-browser compatibility

Chrome, Safari, Firefox and Internet Explorer are examples of _________

browsers

To deploy (publish) a website to the Internet, you transfer your files with a(n) ____ program

FTP (File Transfer Protocol)

Expected year when the HTML5 standard will be a 'final recommendation' by the W3C

2022

WAN

Wide Area Network (connects two or more LANs with a router)

SEO

Search Engine Optimization

Sockets, Canvas, Video, Web Workers, and Local Storage are examples of ___________ ______

JavaScript APIs

Tabs, line returns and extra spaces are ____

whitespace

Version of HTML that preceded HTML5

XHTML

As of June 2012, the 5 top browers in order from best to worst in terms of their HTML5 ratings

Chrome, Opera, Firefox, Safari, Internet Explorer (IE)

_____ refers to the qualities that make a web site accessible to users, esp disabled users

Accessibility

An element without content or a closing tag

empty tag

New _____ in HTML add semantics and structure

elements

A free text editor that can be used to edit HTML or CSS code

Aptana

<input type="checkbox" name="mailList" checked> In this element, 'checked' is a _____ attribute

Boolean

Identify the error: <p>What's wrong now?<p>

Closing tag does not have a /

API

Application Programming Interfaces

'http://' is the _______ of a URL

protocol

Expected year when the HTML5 standard will be 'stable'

2014

JavaScript method (function) that places string information into the body of a web page

document.write()

Browser's internal representation of a web page

DOM

To see if an HTML file passes a standard of compliance

validate an HTML file

Essential coding language in HTML5

JavaScript

The Internet consists of many

WANs

Two parts of the document tree:

head and body

Useful site to check a browser's current ratings

Sockets, Canvas, Video, Web Workers, and Local Storage are examples of _____

HTML code elements should be in _ case except for the document type which is in _ case

In addition to the required 'charset' metadata attribute, _ and __ attributes should be provided as well for SEO