D276 Study Guide

0.0(0)
studied byStudied by 1 person
call kaiCall Kai
learnLearn
examPractice Test
spaced repetitionSpaced Repetition
heart puzzleMatch
flashcardsFlashcards
GameKnowt Play
Card Sorting

1/227

encourage image

There's no tags or description

Looks like no tags are added yet.

Last updated 1:11 AM on 9/29/24
Name
Mastery
Learn
Test
Matching
Spaced
Call with Kai

No analytics yet

Send a link to your students to track their progress

228 Terms

1
New cards

What 2 code snippets can be used to increase the weight of a text's font to indicate that it is important?

<p><strong>
<p><b>

2
New cards

what code snippet can be used to style a word in bold? Example, I love you. (with LOVE in bold)

<p>I<strong>love</strong>you</p>

3
New cards

what code snipped indicates quotation marks?

<q></q>
<p>She said,<q>Go take the garbage out</q></p>

4
New cards

what code snippet indicates a page break?

<br>

5
New cards

Radio Button

knowt flashcard image
6
New cards

Which attribute is used by all form fields?

name

7
New cards

which image file supports transparency?

PNG

8
New cards

Which tag is optional when creating an HTML table?

<caption>

9
New cards

What is true of container tags and empty tags?

Container tags come in pairs and empty tags stand alone

10
New cards

Which two attributes should be used within an image tag?

alt and src

11
New cards

Give an example of a semantic element

<nav>

12
New cards

what tag does not apply a default format or style?

<div>

13
New cards

which tag should contain introductory content?

<header>

14
New cards

What is the way <a> tag can be used?

Linking to a specific location on the same page

15
New cards

Which pair of characteristics is true of XML?

Case sensitive and disallows errors

16
New cards

Which pair of characteristics differentiate HTML from XML?

HTML is static
XML is extensible

17
New cards

XML (Extensible Markup Language)

Is used by businesses to interchange web site data with many different types of applications

18
New cards

External CSS

Allows element style updates to multiple pages from a single location

19
New cards

Internal CSS

What echnique for implementing CSS in an HTML file is used for page-level style declarations?

20
New cards

<link>

Tag used to reference an external CSS sheet within an HTML document

21
New cards

Which style rule selects and formats every childless paragraph element?

p:empty {

22
New cards

Which CSS selector styles the first character of a sentence differently?

::first-letter

23
New cards

Which CSS selector represents the first-child pseudo-class selector?

:first-child

24
New cards

Name a unit of absolute size

px

25
New cards

Which CSS selector is used to style general sibling elements?

~

26
New cards

What should be used to optimize a website for viewing across different devices and improve a user's experience?

Responsive design

27
New cards

What are two unique characteristics that define a polygon hot spot?

Begins and ends at the same pair of coordinates

Contains many pairs of coordinates

28
New cards

Site Map

Helps users find content throughout a website

29
New cards

Which pseudo-class changes the background color of the link on mouse-over?

a:hover

30
New cards

Which pseudo-class can be used to change the default color of a link after it has been clicked by the user?

a:visited

31
New cards

Which unit of measurement sets the text size of the <div> element to be double that of the <html> element?

rem

32
New cards

Which two units make the size of an element responsive to screen size?

vw
vh

33
New cards

A website developer needs to create a website that looks suitable on mobile, tablet, and desktop devices. Which type of web design should the developer use?

Responsive Design

34
New cards

Which CSS properties are used to specify the amount of space between grid columns and rows?

column-gap and row-gap

35
New cards

Which CSS rule should be used to create three columns of equal width?

grid-template-columns: 1fr 1fr 1fr;

36
New cards

What is the global setting in Bootstrap that affects the overall text appearance on a website?

Typography

37
New cards

Which Bootstrap installation option avoids bundling Bootstrap with the source code of a website?

CDN

38
New cards

Which type of Bootstrap library includes several symbols that can be used within a web page?

Icons

39
New cards

Which Firefox Developer Tools tab is used to view and edit cookies on a site?

Storage

40
New cards

Which Firefox Developer Tools tab displays how long a request took for each site resource type?

Network

41
New cards

What can be used to instantly apply changes to applied styles?

Browser developer tools

42
New cards

A website developer identifies an issue with a CSS property value taking precedence over an element. Which Firefox Developer Tools tab should the developer access to review CSS declaration precedence?

Inspector

43
New cards

Which Chrome DevTools tab is accessed to view logged JavaScript messages and run JavaScript?

Console

44
New cards

Use the given HTML document to answer the following question:

<!DOCTYPE html>

<html>

<body>

<h1><header>This is the introduction statement</h1>

</header>

<p>This is the story I am telling</p>

</body>

</html>

Which error is present in this code?

The <header> tag should be to the left of the <h1> tag.

45
New cards

<li> ... </li>

Defines a list item

46
New cards

<ol> ... </ol>

Stands for ordered list. Creates a numbered list when used with the <Li>...</Li> tags.

47
New cards

list-style-type

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

48
New cards

Nested List

A list that is an element of another list. A list within a list

49
New cards

<table> ... </table>

An HTML structure that allows data to be organized in rows and columns.

50
New cards

cell

a location within an HTML table structure at a specific row and column

51
New cards

<tr> ... </tr>

An HTML table row element; contains all the cells in a row

52
New cards

<th>...</th>

An HTML table header; creates a cell whose content is centered and bold. Typically used for column and row headings

53
New cards

<td>...</td>

Creates a table cell

54
New cards

<caption>... </caption>

An HTML table element that displays its content above and centered its associated table.

55
New cards

colspan

attribute to make a cell span many columns

56
New cards

rowspan

attribute to make a cell span many rows

57
New cards

<thead>...</thead>

An optional table header element that defines the table header

58
New cards

<tbody>...</tbody>

An optional table body element that defines the table body

59
New cards

<tfoot>....</tfoot>

An optional table footer that defines the table footer

60
New cards

<img>

an HTML element that displays an image in webpage

61
New cards

src

A mandatory attribute for many HTML elements that specifies the URL of an image or other resource to display in a webpage.

62
New cards

alt

A optional attribute to be used with the <img> element to support an alternative to displaying the image. It is a best practice to include this attribute.

63
New cards

Aspect Ratio

The ratio of an image width to the image height. It is written as width:height.

64
New cards

JPEG (Joint Photographic Experts Group)

Joint Photographic Experts Group - an image format commonly used for digital photographs.

65
New cards

PNG (Portable Network Graphics)

Portable Network Graphics - an image format commonly used for line art, screenshots, or images requiring transparency.

66
New cards

GIF

Graphics Interchange Format - an image format commonly used for simple animated images.

67
New cards

Lossy Compression

Compression used by JPEG images. Some of the original picture information is lost when compressed.

68
New cards

Lossless Compression

Compression used by PNG and GIF images that does not lose quality. This type of compression works best when a large number of adjacent pixels are the same color.

69
New cards

True Color

24-bit color used by JPEG and PNG images, which is approximately 16 million different colors.

70
New cards

Favicon

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

71
New cards

Anchor Tag

defines a hyperlink in a web page

72
New cards

Hyperlink

Specifies where other information is located and what action the web browser should perform when a user clicks the hyperlink.

73
New cards

hypertext reference (HREF) attribute

Specifies the hyperlink's URL

74
New cards

mailto

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

75
New cards

file (hyperlink)

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

76
New cards

Absolute URL

A complete URL that includes a scheme (http://, https://, etc.)

77
New cards

Relative URL

Specifies the relative path to the web resource with no scheme or hostname.

78
New cards

ID Attribute

Creates a fragment identifier, permitting URLs to link directly to the id's location in the document.

79
New cards

graphical hyperlink

Also known as an Image Link, uses an image inside a hyperlink instead of text.

80
New cards

target attribute

indicates how a browser should display the link when clicked

81
New cards

Entity

A mechanism for writing special characters or symbols in HTML

82
New cards

&nbsp;

Non-breaking space HTML entity

83
New cards

Wireframe

the blueprint from which a website will be built

84
New cards

Container

Any part of a web document body that has opening and closing tags.

85
New cards

Block element

An element that fills the width of the element's parent container and can contain other block elements, inline elements, and text.

86
New cards

<div>...</div>

A generic element for creating block containers to facilitate managing page content and is the only block element with no semantic meaning.

87
New cards

Inline Element

An HTML element that fills the minimum space possible in the element's parent container and can only text or other inline elements.

88
New cards

<span>...</span>

The generic element for creating inline containers to facilitate managing content on the page.

89
New cards

<form>...</form>

Allows the web browser to submit information form the user to the server.

90
New cards

Action Attribute

Indicates the URL where the form data should be sent.

91
New cards

Method Attribute

Indicates the HTTP request type the browser will use to communicate with the server.

92
New cards

get method

A technique used by a web browser to submit information to a web server by altering the URL of the HTTP request.

93
New cards

post method

A technique used by a web browser to submit information to a web server by sending the information in the HTTP request body.

94
New cards

enctype attribute

Used with a value of "multipart/form-data" indicates the web browser should split a POST request into multiple parts, where each input field is sent as a separate part of the HTTP request message.

95
New cards

widge

interactive graphical component used to interact with a user

Type attribute, Name attribute, id attribute, placeholder attribute, value attribute- all associated with widget's functionality

96
New cards

<label>...</label>

displays descriptive text associated with a specific widget

97
New cards

<textarea>...</textarea>

A widget specified by opening and closing tags that allows users to enter multiple lines of text.

98
New cards

Allows users to select one of several predefined values. Requires <option>...</option> elements for each predefined value.

Drop-Down Menu

99
New cards

!Important

A CSS rule that may be used on a style declaration to override other declarations and disregard specificity.

100
New cards

A scripting language used to provide interactivity within a webpage

JavaScript