HTML Tutorial 1: Getting Started With HTML5 Flashcards

1
Q

Network

A

A structure in which information and services are shared among devices known as nodes or hosts.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Nodes

A

A network location that can access and share information and services.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Hosts

A

Any network device that is capable of sending and/or receiving data electronically.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Server

A

A host that provides information or a service to other devices on the network.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Client

A

A device that receives network information or services.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Client-server network

A

A network in which clients access information provided by one or more servers.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Local area network (LAN)

A

A network confined to a small geographic area, such as within a building or department.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Wide area network (WAN)

A

A network that covers a wide area, such as several buildings or cities.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Internet

A

Largest wide area network in existence, incorporating an almost uncountable number of networks and hosts across the world.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Hypertext

A

A method of organizing information in which data sources are interconnected through a series of hyperlinks that users activate to jump from one data source to another.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Hyperlinks

A

A link within a hypertext document that can be activated to access a data source.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

World Wide Web

A

The totality of interconnected hypertext documents on the Internet.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Web servers

A

A server that makes web pages accessible to the network.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Web pages

A

A document stored by a web server and accessed by a web browser.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Web browser

A

A software program that retrieves and displays web pages.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

HTML (Hypertext Markup Language)

A

A markup language that supports the tagging of distinct document elements and connecting documents through hypertext links.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

Markup language

A

A language that describes the content and structure of a document by tagging different document elements.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

Syntax

A

The rules governing how a language should be used and interpreted.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

World Wide Web Consortium (W3C)

A

A group of web designers and programmers that set the standards or specifications for browser manufacturers to follow.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

HTML 4.01

A

The fourth version of HTML, released in 1999, that provided support for multimedia, online commerce, and interactive scripts.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

XHTML (Extensible Hypertext Markup Language)

A

A version of HTML in which syntax standards are strictly enforced.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

Web Hypertext Application Technology Working Group (WHATWG)

A

A group formed in 2004 to develop HTML 5 as a rival version to XHTML 2.0.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

HTML 5

A

The latest version of HTML, compatible with earlier HTML releases.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

Deprecated

A

The features and code from earlier HTML versions that have been phased out and are either no longer supported or developed.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
Q

IDE (Integrated Development Environment)

A

A software package providing comprehensive coverage of all phases of the HTML development process.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
26
Q

Web Content Management System (wcms)

A

Provides authoring tools for website content and administration. Example: Wordpress

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
27
Q

Web Framework

A

Software that provides the foundation for the design and deployment of web technologies including HTML, databases, and web server programs for managing electronic commerce and communication.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
28
Q

Validators

A

A program that tests code to ensure that it contains no syntax errors. (there is one available on W3C Website) BrowserStack, Browsera, CrossBrowserTesting

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
29
Q

1st line in an HTML file

A

Document Declaration or “doctype”. HTML 5 doctype:
<!DOCTYPE html> <!doctype html>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
30
Q

Quirks mode

A

An operating mode in which the browser renders the web page based on styles and practices from the 1990s and early 2000s. (For older HTML files without a doctype)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
31
Q

Standards mode

A

An operating mode in which the browser renders the web page in line with the most current HTML specifications. Always put an HTML 5 file in standards mode by including the doctype.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
32
Q

Element tag

A

The fundamental building block of an HTML file, used to mark every document element.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
33
Q

Starting tag

A

The tag that marks the start of the element content.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
34
Q

Ending tag

A

The tag that marks the end of the element content.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
35
Q

General syntax of a two-sided element tag

A

<element>content</element>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
36
Q

<p> Paragraph element
</p>

A

<p>Welcome to Curbside Thai.</p>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
37
Q

Empty elements

A

An element that is either nontextual (images) or contains directives to the browser about how the page should be treated.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
38
Q

One-sided element tag

A

A tag used for empty elements, containing no closing tag.

<element></element>

or <element></element>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
39
Q

line break tag

A

<br></br>

40
Q

Nested elements

A

An element contained within another element.

41
Q

emphasized text tag

A

<p>Welcome to <em>Curbside Thai</em>.</p>

42
Q

General structure of an HTML file

A

<!DOCTYPE html >

<html>
<head>
head content
</head>

<body>
body content
</body>
</html>

43
Q

Element attributes

A

The part of an element that provides information to the browser about the purpose of the element or how the element should be handled by the browser.

44
Q

General syntax of an element attribute within a two-sided tag

A

<element attr1=”value1” attr2=”value2” … />
content
</element>

45
Q

General syntax of an element attribute within a one-sided tag

A

<element attr1=”value1” attr2=”vlue2” …/>

46
Q

class=“text”

A

Defines the general classification of the element

47
Q

dir=“ltr|rtl|auto”

A

Defines the text direction of the element content as left-to-right, right-to-left, or determined by the browser

48
Q

hidden

A

Indicates that the element should be hidden or is no longer relevant

49
Q

id=“text”

A

Provides a unique identifier for the element Example:

<p>Welcome to Curbside Thai.</p>

50
Q

lang=“text”

A

Specifies the language of the element content

51
Q

style=“definition”

A

Defines the style or appearance of the element content

52
Q

tabindex=“integer”

A

Specifies the tab order of the element (when the tab button is used to navigate the page)

53
Q

title=“text”

A

Assigns a title to the element content

54
Q

Attribute Minimization

A

Supported by HTML for element attributes that do not require an attribute value.

55
Q

(Attribute Minimization Cont’d) For example, the hidden attribute used in the following code does not require a value; its mere presence indicates that the marked paragraph should be hidden in the rendered page.

A

<p>Placeholder Text</p>

56
Q

White-space character

A

An empty or blank character such as a space, tab, or line break.

57
Q

White-space character cont’d

A

It doesn’t matter how you lay out your HTML code because the browser is only interested in the text content and not how that text is entered. This means you can make your file easier to read by indenting lines and by adding extra white-space characters to separate one code block from another. However, this also means that any formatting you do for the page text to make the code more readable, such as tabs or extra white spaces, is not transferred to the web page.

58
Q

An Important Note About HTML

A

HTML does not describe the document’s appearance, it only describes the document’s content and structure.

59
Q

Metadata

A

Content that describes the document or provides information about how the document should be processed by the browser.

60
Q

Base

A

Specifies the document’s location for use with resolving relative hypertext links

61
Q

Link

A

Specifies an external resource that the document is connected to

62
Q

meta

A

Provides a generic list of metadata values such as search keywords, viewport properties, and the file’s character encoding

63
Q

Script

A

Provides programming code for programs to be run within the document

64
Q

Style

A

Defines the display styles used to render the document content

65
Q

Title

A

Stores the document’s title or name, usually displayed in the browser title bar or on a browser tab

66
Q

Title element cont’d

A

<title>document title</title>

67
Q

Meta element structure

A

<meta></meta>

68
Q

(Meta) charset=“encoding”

A

Specifies the character encoding used in the HTML document

69
Q

(Meta) content=“text”

A

Provides the value associated with the http-equiv or name attributes

70
Q

(Meta) http-equiv=“content-type|default-style|refresh”

A

Provides an HTTP header for the document’s content, default style, or refresh interval (in seconds)

71
Q

(Meta) name=“text”

A

Sets the name associated with the metadata

72
Q

Meta element example:

A

<meta></meta>

73
Q

Character encoding

A

The process by which the computer converts text into a sequence of bytes and then converts those bytes back into characters.

74
Q

UTF-8

A

The most common character encoding in present use.

<meta></meta>

75
Q

To define the character encoding used in the document, enter

A

<meta></meta>

76
Q

To define search keywords associated with the document, enter

A

<meta></meta>

77
Q

Comment markup

A

<!-- comment -->

Example: <!-- General Information About Curbside Thai -->

78
Q

Comment markup cont’d

A

Always include comments when working with a team so that you can document the development process for other team members.

79
Q

Conditional Comment

A

An Internet Explorer extension that encloses content that should only be run by particular versions of Internet Explorer.

80
Q

Conditional Comment general form

A

<!-- [if operator IE version]>
content
<![endif] -->

81
Q

Logical operators

A

lte (less than or equal to), gt (greater than), gte (greater than or equal to), ! (not)

82
Q

Ordered list

A

A list that is used for items that follow some defined sequential order.

83
Q

Ordered list general structure

A

<ol>
<li>item1</li>
<li>item2</li>
...
</ol>

(ol - ordered list. li - list item.)

84
Q

To display reversed numbering in an ordered list

A

Use reversed and start attributes Example: <ol reversed start="50">

85
Q

Unordered lists

A

A list that is used for items that do not follow a defined sequential order

86
Q

Unordered list general structure

A

<ul>
<li>item1</li>
<li>item2</li>
...
</ul>

(ul - unordered list.)

87
Q

Nested list

A

A list that is placed inside another list.

88
Q

The general structure for a nested collection of unordered list

A

<ul>
<li>Item 1</li>
<li>Item 2
<ul>
<li>Sub Item 1</li>
<li>Sub Item 2</li>
</ul>
</li>
</ul>

89
Q

Description List

A

A list of terms and matching descriptions.

90
Q

The general structure of a description list is

A

<dl>
<dt>term1</dt>
<dd>description1</dd>
<dt>term2</dt>
<dd>description2a</dd>
<dd>description2b</dd>
...
</dl>

91
Q

Navigation list

A

An unordered list of hypertext links placed within the nav element.

92
Q

The general structure of a navigation list is

A

<nav>
<ul>
<li>link1</li>
<li>link2</li>
...
</ul>
</nav>

93
Q

Hypertext

A

Created by enclosing content within a set if opening and closing <a> tags in the following structure:
<a>content</a></a>

94
Q

url (Uniform Resource Locator)

A

a standard address format used to link to a variety of resources including documents, email addresses, telephone numbers, and text messaging service.

95
Q

Rollover effect

A

An effect in which the page appearance changes as the user hovers the mouse pointer over a hypertext link.

96
Q

Root folder

A

The folder at the top of the folder hierarchy, containing all other folders.

97
Q

absolute path

A

a path that starts from the root folder and processes down the entire folder structure described with the expression:
/folder1/folder2/folder3/file