HTML Tutorial 1: Getting Started With HTML5 Flashcards

(97 cards)

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
IDE (Integrated Development Environment)
A software package providing comprehensive coverage of all phases of the HTML development process.
26
Web Content Management System (wcms)
Provides authoring tools for website content and administration. Example: Wordpress
27
Web Framework
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.
28
Validators
A program that tests code to ensure that it contains no syntax errors. (there is one available on W3C Website) BrowserStack, Browsera, CrossBrowserTesting
29
1st line in an HTML file
Document Declaration or "doctype". HTML 5 doctype:
30
Quirks mode
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)
31
Standards mode
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.
32
Element tag
The fundamental building block of an HTML file, used to mark every document element.
33
Starting tag
The tag that marks the start of the element content.
34
Ending tag
The tag that marks the end of the element content.
35
General syntax of a two-sided element tag
content
36

Paragraph element

Welcome to Curbside Thai.

37
Empty elements
An element that is either nontextual (images) or contains directives to the browser about how the page should be treated.
38
One-sided element tag
A tag used for empty elements, containing no closing tag. or
39
line break tag

40
Nested elements
An element contained within another element.
41
emphasized text tag

Welcome to Curbside Thai.

42
General structure of an HTML file
head content body content
43
Element attributes
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
General syntax of an element attribute within a two-sided tag
content
45
General syntax of an element attribute within a one-sided tag
46
class=“text”
Defines the general classification of the element
47
dir=“ltr|rtl|auto”
Defines the text direction of the element content as left-to-right, right-to-left, or determined by the browser
48
hidden
Indicates that the element should be hidden or is no longer relevant
49
id=“text”
Provides a unique identifier for the element Example:

Welcome to Curbside Thai.

50
lang=“text”
Specifies the language of the element content
51
style=“definition”
Defines the style or appearance of the element content
52
tabindex=“integer”
Specifies the tab order of the element (when the tab button is used to navigate the page)
53
title=“text”
Assigns a title to the element content
54
Attribute Minimization
Supported by HTML for element attributes that do not require an attribute value.
55
(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.
56
White-space character
An empty or blank character such as a space, tab, or line break.
57
White-space character cont'd
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
An Important Note About HTML
HTML does not describe the document’s appearance, it only describes the document’s content and structure.
59
Metadata
Content that describes the document or provides information about how the document should be processed by the browser.
60
Base
Specifies the document’s location for use with resolving relative hypertext links
61
Link
Specifies an external resource that the document is connected to
62
meta
Provides a generic list of metadata values such as search keywords, viewport properties, and the file’s character encoding
63
Script
Provides programming code for programs to be run within the document
64
Style
Defines the display styles used to render the document content
65
Title
Stores the document’s title or name, usually displayed in the browser title bar or on a browser tab
66
Title element cont'd
document title
67
Meta element structure
68
(Meta) charset=“encoding”
Specifies the character encoding used in the HTML document
69
(Meta) content=“text”
Provides the value associated with the http-equiv or name attributes
70
(Meta) http-equiv=“content-type|default-style|refresh”
Provides an HTTP header for the document’s content, default style, or refresh interval (in seconds)
71
(Meta) name=“text”
Sets the name associated with the metadata
72
Meta element example:
73
Character encoding
The process by which the computer converts text into a sequence of bytes and then converts those bytes back into characters.
74
UTF-8
The most common character encoding in present use.
75
To define the character encoding used in the document, enter
76
To define search keywords associated with the document, enter
77
Comment markup
Example:
78
Comment markup cont'd
Always include comments when working with a team so that you can document the development process for other team members.
79
Conditional Comment
An Internet Explorer extension that encloses content that should only be run by particular versions of Internet Explorer.
80
Conditional Comment general form
81
Logical operators
lte (less than or equal to), gt (greater than), gte (greater than or equal to), ! (not)
82
Ordered list
A list that is used for items that follow some defined sequential order.
83
Ordered list general structure
  1. item1
  2. item2
  3. ...
(ol - ordered list. li - list item.)
84
To display reversed numbering in an ordered list
Use reversed and start attributes Example:
85
Unordered lists
A list that is used for items that do not follow a defined sequential order
86
Unordered list general structure
  • item1
  • item2
  • ...
(ul - unordered list.)
87
Nested list
A list that is placed inside another list.
88
The general structure for a nested collection of unordered list
  • Item 1
  • Item 2
    • Sub Item 1
    • Sub Item 2
89
Description List
A list of terms and matching descriptions.
90
The general structure of a description list is
term1
description1
term2
description2a
description2b
...
91
Navigation list
An unordered list of hypertext links placed within the nav element.
92
The general structure of a navigation list is
93
Hypertext
Created by enclosing content within a set if opening and closing tags in the following structure: content
94
url (Uniform Resource Locator)
a standard address format used to link to a variety of resources including documents, email addresses, telephone numbers, and text messaging service.
95
Rollover effect
An effect in which the page appearance changes as the user hovers the mouse pointer over a hypertext link.
96
Root folder
The folder at the top of the folder hierarchy, containing all other folders.
97
absolute path
a path that starts from the root folder and processes down the entire folder structure described with the expression: /folder1/folder2/folder3/file