HTML Fundamentals Flashcards

1
Q

Blank is Text that contains connections to other documents.

A

Hypertext

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

Blank is Part of a document that explains how to interpret or structure other parts of the document.

A

Markup

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

Blank is A set of rules describing how to write HTML.

A

Language

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

HTML defines over blank elements.

A

130

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

An blank is a single HTML structure

A

element

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

Elements are represented with blank.

A

HTML tags

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

An blank is a markup instruction identified by <, the tag name, and >.

A

HTML tag

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

An blank indicates the starting point in the document where the tag takes effect.

A

opening tag

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

A blank indicates the ending point in the document where the tag stops having an effect.

A

closing tag

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

The blank, produced by WHATWG, defines the minimal parts of an HTML document

A

HTML Living Standard

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

The blank declaration instructs the web browser about what type of document follows

A

<!DOCTYPE html>

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

The blank and blank enclose everything but the <!DOCTYPE html> declaration. <html lang="en"> indicates that the document’s language is English.

A

<html> opening and closing tags
</html>

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

The blank and blank contain the document title, document metadata, and various other elements that are typically not displayed in the webpage.

A

<head> opening and closing tags
</head>

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

The blank tag specifies metadata, which is data that describes the document’s data. <meta></meta> describes how characters are represented in the HTML document. Additional <meta></meta> tags may be used to indicate when the document was saved, who the author is, etc.

A

<meta></meta>

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

The blank and blank enclose the name of the document. The title is usually displayed in the browser’s titlebar, is used by search engines, and is used for bookmarking.

A

<title> opening and closing tags
</title>

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

The blank and blank enclose all elements and content to be rendered in the browser.

A

<body> opening and closing tags
</body>

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

A blank provides additional information about the tag and is included only in the opening tag.

A

tag attribute

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

An attribute has a blank and a blank, specified using the form: name=”value”. Ex: <meta></meta> has an attribute named charset with value “UTF-8”.

A

name and a value

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

The <meta></meta> element does not use a closing tag because <meta></meta> is a blank

A

void element.

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

A blank is an element that only needs an opening tag. Other void elements include <img></img> for displaying an image and <input></input> for obtaining user input.

A

void element

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

Omitting the DOCTYPE from an HTML document or placing any characters before the DOCTYPE causes the web browser to render the document in blank mode

A

quirks

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

Blank mode is a browser rendering mode that renders a webpage using non-standard layout rules emulating older web browsers.

A

Quirks

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

A webpage with the DOCTYPE is rendered using blank mode, which uses the HTML Living Standard.

A

standards

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

The blank tag is optional but is included anyway in most webpages.

A

<head>
</head>

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

Instruction to web browser that specifies the document type.

A

the <!DOCTYPE html> declaration.

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

Tag that marks the beginning of the HTML document.

A

The <html> tag

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

Tag that specifies the character encoding used in the document.

A

The <meta></meta>

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

Tag that names the document.

A

The <title> element</title>

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

HTML content displayed by the browser.

A

The <body> tags

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

Tag that marks the end of the HTML document.

A

The </html> closing tag

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

In Chrome, right-clicking (Windows) or Ctrl-clicking (Mac) and choosing blank from the menu shows the webpage’s HTML. A quicker method is to use the keyboard shortcut Ctrl+U (Windows) or ⌘+Option+U (Mac). Most webpages use complex HTML with CSS and JavaScript, so the HTML can be hard to read.

A

“View page source”

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

A user on a desktop/laptop computer can instruct a browser to show a blank. A web search for “View webpage HTML in Chrome” (or another browser) yields instructions

A

webpage’s HTML

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

A user can also use a browser’s blank to view a webpage’s HTML elements.

A

development tools

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

Chrome blank is a collection of web development tools that are built into the desktop Chrome browser. Pressing Ctrl+Shift+I (Windows) or ⌘+Option+I (Mac) opens Chrome DevTools. Other desktop browsers have similar development tools.

A

DevTools

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

The browser’s internal representation and the webpage’s actual HTML may blank.

A

differ slightly

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

A blank feature is part of a language that is officially discouraged because newer or better features exist, or because the blank feature is no longer considered safe. Ex: The <center> tag is an officially blank tag that should no longer be used.</center>

A

deprecated

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

Browsers handle improperly structured HTML and deprecated tags differently and unpredictably. The only way to have predictable browser behavior is to blank.

A

use valid HTML

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

An blank checks that an HTML document conforms to the standard. Good practice is to use tools like the W3C Markup Validator to check document conformance.

A

HTML validator

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

A blank is the basic unit of text in an HTML document.

A

paragraph

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

A paragraph is enclosed in HTML by the blank opening and closing tags. Browsers visually separate paragraphs from other text with spacing above and below.

A

<p>
</p>

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

A common error is forgetting the closing </p> tag, or trying to put a paragraph inside of another paragraph. The web browser might render nested <p> tags visually correct, but an HTML validator will generate a blank.

A

non-visible error

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

A blank character is an unprinted character such as the spaces between words and lines of text. Browsers treat all sequences of blank as a single space between non-blankcharacters.

A

whitespace

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

The <br></br> tag creates a blank in a paragraph, such that the content after the blank appears on a new line. Good practice is to use <br></br> when the line break is essential to the content, such as lines in a poem or mailing address, and not just to add spacing for formatting a webpage

A

line break

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

The <br></br> tag is a void element, an HTML tag that does not have a blank

A

closing tag.

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

A blank is a collection of related content.

A

section

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

Many documents can be organized into sections, with each section being wrapped in a blank tag.

A

<section>
</section>

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

A blank provides a title for each section.

A

heading

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

Blank are bold by default and are visually separated from the other text by extra spacing.

A

Headings

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

Heading tags exist for the first blank levels of sections

A

six

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

Good practice is to label each section with a heading and to select a heading tag that matches the blank. A common error is to choose a heading tag based on the desired font size.

A

document’s hierarchical structure

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

blank tags should appear outside of and immediately before paragraph tags.

A

Heading

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

A blank tag should contain a heading tag, but a heading should only have text in between the opening and closing tags.

A

<section>
</section>

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

The blank tag indicates emphasized text, such as text having an emphasized pronunciation when spoken, and is italicized by default.

A

<em></em>

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

The blank tag indicates text that has strong importance, and is bolded by default.

A

<strong></strong>

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

The blank tag denotes a title, such as a book or song title, and is italicized by default.

A

<cite></cite>

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

The blank tag denotes important content that should be semantically highlighted and is rendered with a yellow background by default.

A

<mark></mark>

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

The blank tag indicates text that needs attention, like key words in a document abstract or product names in a review, and renders the text in bold

A

<b></b>

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

The blank tag indicates text in an alternative voice, such as a word or phrase in a foreign language, and is rendered using italics

A

<i></i>

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

The blank tag denotes text that should appear differently from normal text, such as misspelled words, and is underlined by default

A

<u></u>

60
Q

tag for a variable in a computer program

A

<var></var>

61
Q

tag for Keyboard input

A

<kbd></kbd>

62
Q

tag for Computer code

A

<code></code>

63
Q

tag for Sample output from a computer

A

<samp></samp>

64
Q

An HTML blank is a portion of the document that is not displayed by the browser.

A

comment

65
Q

A comment begins with the blank character sequence and ends with the blank character sequence

A

<!--
-->

66
Q

An blank list is a collection of items, usually indented and shown using bullets, surrounded by the <ul> opening and closing tags.

A

unordered

67
Q

Each list item is surrounded by blank opening and closing tags.

A

<li>
</li>

68
Q

An blank list is a sequenced collection of items, usually indented and shown using numbers or letters, surrounded by the <ol> opening and closing tags.

A

ordered

69
Q

As with an unordered list, each list item is surrounded by <li> opening and closing tags. The <ol> tag’s numbering scheme is specified with the blank

A

type attribute

70
Q

type=”1” in an ordered list

A

Numbers (default)

71
Q

type=”A” in an ordererd list

A

Uppercase letters

72
Q

type=”a” in an ordered list

A

Lowercase letters

73
Q

type=”I” in an ordered list

A

Uppercase Roman numerals

74
Q

type=”i” in an ordered list

A

Lowercase Roman numerals

75
Q

he CSS property blank provides the ability to change the bullet used in an unordered list and offers more numbering options in an ordered list.

A

list-style-type

76
Q

A blank is a list within a list item of another list.

A

nested list

77
Q

A nested unordered list uses a blank style, and a nested ordered list blank.

A

different bullet
restarts at 1

78
Q

A blank is an HTML structure surrounded by the <table> opening and closing tags that allows data to be organized in rows and columns

A

table

79
Q

A blank is a location in the table at a specific row and column.

A

cell

80
Q

The blank opening and closing tags create a table row, which contains all the row’s cells.

A

<tr>
</tr>

81
Q

The blank opening and closing tags create a new table cell containing table header information about the data. Usually, the browser displays table headers centered with a bold font.

A

<th>
</th>

82
Q

The blank opening and closing tags create a new table cell containing table data.

A

<td>
</td>

83
Q

A table caption defines a short descriptive text for a table and is created with blank tags

A

<caption>
</caption>

84
Q

The caption opening and closing tags must immediately follow the blank tag. A web browser typically renders the table caption centered above the table.

A

opening table

85
Q

A single table cell occupies a single row and column by default, but a cell may span multiple columns or multiple rows using the blank attribute and blank attribute to specify how many columns or rows to span

A

colspan and rowspan

86
Q

The colspan and rowspan attributes apply to blank and blank tags.

A

<td> and <th>
</th></td>

87
Q

The blank tag specifies the table header.

A

<thead>
</thead>

88
Q

The blank tag specifies the table body.

A

<tbody>
</tbody>

89
Q

The blank tag specifies the table footer

A

<tfoot>
</tfoot>

90
Q

The <thead>, <tbody>, and <tfoot> tags do not affect the layout of the table, but browsers may use the tags to enable the table body to blank independently of the header and footer or to blank the header and footer on each page of a multi-page table printout.

A

scroll
print

91
Q

The blank tag displays an image in a webpage

A

<img></img>

92
Q

The <img></img> tag does not enclose any content and is therefore a blank with no closing tag.

A

void element

93
Q

The <img></img> tag has what two common attributes:

A

The src attribute
The alt attribute

94
Q

The blank is a mandatory attribute that specifies the URL of the image file to display.

A

src attribute

95
Q

The blank provides a text description to use as an alternative to displaying the image.

A

alt attribute

96
Q

The blank attribute and blank attribute are optional <img></img> attributes that tell the browser how many pixels the image should occupy.

A

width and height

97
Q

If the specified width and height are different from the image’s actual size, the browser will blank the image for display.

A

resize

98
Q

An image’s blank is the ratio of the image width to the image height

A

aspect ratio

99
Q

The aspect ratio is written as blank. Ex: An image 500 pixels wide and 250 pixels high has an aspect ratio of 500:250, which simplifies to 2:1.

A

width:height

100
Q

If an <img></img> contains only a width or only a height attribute, the image’s blank is maintained.

A

aspect ratio

101
Q

If an <img></img> specifies a width and height different from the image’s blank, the browser will distort the image to match the specified attribute values.

A

aspect ratio

102
Q

Web browsers support what three popular image formats:

A

JPEG (Joint Photographic Experts Group)
PNG (Portable Network Graphics
GIF (Graphics Interchange Format)

103
Q

The blank image format is commonly used for digital photographs.

A

JPEG (Joint Photographic Experts Group)

104
Q

The blank image format is commonly used for line art, screenshots, or images requiring transparency.

A

PNG (Portable Network Graphics)

105
Q

The blank image format is commonly used for simple animated images.

A

GIF (Graphics Interchange Format)

106
Q

JPEG images use blank, meaning that some of the original picture information is lost when compressed.

A

lossy compression

107
Q

A photograph is best saved as a blank because humans cannot easily perceive the quality loss in a photograph

A

JPEG image

108
Q

PNG and GIF images use blank, meaning no image quality is lost. Blank works best when a large number of adjacent pixels are the same color.

A

lossless compression

109
Q

JPEG and PNG images can display blank, which is approximately 16 million different colors

A

true color (24-bit color),

110
Q

GIF images are limited to only blank, but GIF images can display animations, which are popular on social media.

A

256 colors (8-bit color)

111
Q

The blank image format by Mozilla adds animation capability to PNG with true color support.

A

APNG

112
Q

The blank format is an XML format that describes an image as a series of shapes and lines.

A

SVG image

113
Q

The blank format by Google supports true color, transparency, and animation.

A

WebP image

114
Q

The blank format supports transparency, lossy or lossless compression, and higher compression rates.

A

AVIF image

115
Q

A blank is a small icon that identifies a website and typically displays in a browser tab

A

favicon

116
Q

A favicon is defined with a blank tag, which defines a link between a webpage and an external resource.

A

<link></link>

117
Q

The blank tag <a> defines a hyperlink in a webpage.</a>

A

anchor

118
Q

A blank, or link, specifies where other information is located and what action the web browser should perform when a user clicks the blank.

A

hyperlink

119
Q

A hyperlink has what three parts:

A

the opening <a> tag with the href attribute,
the content displayed for the link ,
and the closing </a> tag.

120
Q

The blank attribute specifies the hyperlink’s URL.

A

href

121
Q

Hyperlink used to send requests and responses that are readable only by the client and server.

A

HTTPS

122
Q

Hyperlink used to send requests and responses over the Internet without encryption.

A

HTTP

123
Q

Hyperlink used to send email.

A

mailto

124
Q

Hyperlink used to refer to a document on the same computer as the web browser.

A

file

125
Q

Hyperlink used to transfer data files.

A

ftp

126
Q

An blank is a complete URL. Ex: <a>test</a> is a hyperlink using the blank http://example.com/test.html.

A

absolute URL

127
Q

A blank specifies the relative path to the web resource with no scheme or hostname. Ex: <a>test</a> uses the blank test.html to refer to an HTML document on the same website and with the same path as the current HTML document.

A

relative URL

128
Q

A relative URL may use blank in front of a filename to indicate the file is one directory above the current HTML document.

A

two periods followed by a forward slash (../)

129
Q

A URL can point to a blank of a document by adding a hash tag (#) and a fragment identifier at the end of the URL. Ex: https://en.wikipedia.org/wiki/Computer_science#History refers to the “History” section of the “Computer_science” page on Wikipedia.

A

section, or fragment,

130
Q

Adding the id attribute to any HTML tag creates a blank, permitting URLs to link directly to the id’s location in the document.

A

fragment identifier

131
Q

Several rules exist for an id value. Name them (4)

A

May be composed of any characters except whitespace characters. Ex: “history 123” is invalid because of the space.

Cannot start with a number. Ex: “3section” is invalid.

Is case sensitive. Ex: “History” and “history” are different ids.

Must be unique in the document. Ex: Two elements both using “history” is invalid.

132
Q

Good practice is to choose id values that start with a letter and are composed of blank, blank, blank and blank.

A

only letters, digits, dashes (-), and underscores (_)

133
Q

The content in a hyperlink may be any valid HTML or text. A blank uses an image inside a hyperlink instead of text.

A

A graphical hyperlink or image link

134
Q

An anchor tag’s blank indicates how the browser should display the link when clicked.

A

target attribute

135
Q

The blank value is the default and indicates the browser will open the link in the same tab or window.

A

_self attribute

136
Q

The blank value indicates the browser will open the link in a new tab or window.

A

_blank attribute

137
Q

An blank is a mechanism for writing special characters or symbols in HTML, such as mathematical symbols, characters in most languages, and many other symbols.

A

entity

138
Q

Many HTML entities can be specified by blank.

A

name

139
Q

The < character normally marks the beginning of a tag, so blank is used to display the < character when < is not part of a tag.

A

<

140
Q

The & character marks the beginning of an entity name, so blank is used to display the & character when & does not start an entity name.

A

&

141
Q

A blank is an inter-word character that permits treating the words on both sides to be one word.

A

non-breaking character

142
Q

A non-breaking hyphen, blank, looks like a regular hyphen but acts like a normal character in the middle of a word.

A
143
Q

A non-breaking space, blank, looks like a single space but acts like a normal character in the middle of a word.

A
144
Q

The non-breaking space is also useful for displaying blank between words

A

more than one space

145
Q

A blank is a blueprint, showing where the future content will be arranged.

A

wireframe