Brainscape's Knowledge GenomeTM


Top Flashcards (Certified)
All Flashcards

FULL STACK DEV > HTML > Flashcards

HTML Flashcards

1
Q

What does HTML stand for?

A

Hyper Text Markup Language

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

What are the four parts of HTML elements?

A
  1. Element Itself
  2. Opening Tag
  3. Content
  4. Closing Tag
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

What does the attribute ‘href’ mean?

A

Hyperlink Reference

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

How many heading elements are there in HTML?

A

Six. With 1 being the largest, and 6 being the smallest.

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

What is the ‘< div >’ tag used for?

A

The ‘< div >’ tag is used for grouping HTML elements together. It also allows for a neat, organized look.

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

What is an attribute?

A

Attributes are used to add information or modify the behavior of HTML elements.

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

What do attributes consist of?

A

A name and a value, expressed as: ‘ id=”example” ‘

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

Where are attributes located?

A

In the opening tag of an element.

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

What are two different ways you can display text in HTML?

A

With the ‘< span >’ and ‘< p >’ tags. (p for paragraph) The ‘< span >’ tag serves as a hook for CSS or JavaScript manipulation while the ‘< p >’ tag holds plain text.

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

What do you add to any tag that is the child of a different tag?

A

Two spaces of indentation for readability.

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

Typically, what does the ‘< em >’ and ‘< strong >’ tags do?

A

The ‘< em >’ (emphasize) tag adds italics. And the ‘< strong >’ tag makes the text bold.

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

How do you modify spacing in the browser?

A

Use the ‘ < br >’ (line break) tag.

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

How do you create an unordered list in HTML? (Bullet point list)

A

Use the ‘< ul >’ (unordered list) tag. Within the opening and closing unordered list tags you should have ‘< li >’ (list) tag to hold raw text.

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

How do you create an ordered list in HTML? (Numbered list)

A

Use the ‘< ol >’ (ordered) list tag. Within the opening and closing ordered list tags you should have ‘< li >’ (list) tags to hold raw text.

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

What is a self closing tag in HTML?

A

A tag that does not require a closing tag. They are formatted like so: ‘< img />’ (Self closing tags do not require the forward slash)

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

How do you add an image to your browser using HTML?

A

Use the ‘< img />’ tag. The image tag requires a src (source) attribute and the value is typically the images URL.

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

How do you add a description of an image to the ‘< img />’ tag? (Typically used for screen readers but can also be used in case the image doesn’t load and can also serve to increase your search engine optimization)

A

You add the alt attribute.

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

How do you add a video to your website using HTML?

A

Use the ‘< video (URL) (height=””)(width=””)(controls) >’ tag with the accompanying attributes. Be sure to include a closing tag.

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

What are some benefits of coherent structuring?

A
  1. Readability
  2. Accessibility
  3. Ease of Styling
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

How do you let a web browsers know that you are using HTML?

A

By starting with a Document Type Declaration. This is the declaration: ‘< !DOCTYPE html >’

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

How do you add HTML structure and content?

A

With the ‘< html >’ opening and closing tag.

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

How do you give the browser information about your website?

A

Use the ‘< head >’ tag you can add metadata to the website.

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

What displays on the webpages tab and is always in the ‘< head >’ tag?

A

The ‘< title >’ element and the content it holds.

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

How do you add a link to a webpage?

A

Using the ‘< a >’ (anchor) element with the ‘href’ attribute.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
How do you specify how a link should open?
Use the 'target' attribute in the anchor ('< a >') tag.
26
How do you make a link open in a new tab?
Use the 'target' attribute in the anchor tag ('< a >') with the value of '_blank'.
27
Are attributes order specific?
No
28
How do you tell the browser to look for a specific file in the folder when using a hyperlink reference?
Using " ./ " tells the browser to look for the linked file in the current folder.
29
How do you add a hyperlink to an image?
Wrap the '< img >' tag inside of the '< a >' tag.
30
How can you send a user to a specific part of your webpage?
Use a hyperlink reference with the value of your corresponding '< div >' id plus a # sign. So if your div id is "Introduction" then your link is formatted: '< a href="#introduction">Introduction< /a > That will link you to the '< div id="introduction >' part of the page.
31
Who is responsible for maintaining the style and standards of HTML?
The World Wide Web Consortium or W3C
32
How do you write a comment in HTML?
With the closing tags.
33
How do you specify whether a table heading is meant for a row or column?
Use the 'scope' attribute within the '< th >' tag and set it's value to 'row' for a row or 'col' for a column.
34
In a table, how do you make data span multiple columns?
Use the attribute 'colspan' with an integer value greater or equal to 1.
35
In a table, how do you make data span multiple rows?
Use the attribute 'rowspan' with an integer value greater or equal to 1.
36
How do you section off a table?
Use the 'tbody' element (table body).
37
How do you section off the heading of a table?
Use the '< thead >' element.
38
What is the '< main >' element separate from?
The 'footer' and 'nav' elements. This is because the 'main' element only holds the principle content of a webpage.
39
What does the '< section >' element do?
It sections groups of code that have similar information and the same theme
40
What does the '< article >' element do?
The article element marks the beginning and end of an article. It holds text, images, etc that should all be together in an article format. It helps people with screen readers understand where it begins and ends
41
What are some common uses for the '< aside >' element?
Bibligraphies Endnotes Comments Pull quotes Editorial sidebars Additional information
42
What is the element '< figure >' used for?
To encapsulate images, illustrations, diagrams etc which is referenced in the main flow of the document
43
How do you group an image with a caption?
Use the '< figcaption >' element. This makes it easy to move throughout the code without interrupting the flow of the document
44
What element embedds audio into your webpage?
The '< audio >' element with the 'src' attribute
45
What attribute helps the browser identify whether or not your audio is supported?
The 'type' attribute
46
What are some attributes that can alter the '< video >' element?
1. Controls 2. Autoplay 3. Loop
47
Where do you add text that you want displayed if a video is not supported by the browser?
Between the opening and closing '< video >' tags
48
What element can display videos, audio files, gifs, etc?
The '< embed >' element
49
What is semantic HTML?
Tags/elements that give more context about their content
50
What four elements create the basic structure of a webpage?
1. < header > 2. < nav > 3. < main > 4. < footer >
51
What tag sections an area of the document you want to have same theme?
< section >
52
What tag holds related but non essential information in an article?
< aside >
53
What tag encapsulates all types of media?
< figure >
54
What describes the media in the '< figure >' element?
< figcaption >
55
What is universal between the video, audio, and embed elements?
They all use the 'src' attribute to link the source of the content.
56
What is different about the '< embed >' element than the '< video >' and '< audio >' elements?
'< embed >' is a self closing tag
57
Where is the '< nav >' element usually located?
In the '< header >' or '< footer>' elements
58
What are 'forms' in HTML?
Forms are used for gathering and sending user input to an external source for processing.
59
What are two things that a form must include?
The target location and what HTTP request to make.
60
What does the 'action' attribute do in the form element?
Determines where the information is sent
61
What does the 'method' attribute do in the form element?
The method attribute determines how to information is sent and processed.
62
How do you allow input in the '< form >' element?
The '< input >' element
63
How do you determine what kind of data the '< input >' element can receive and how it renders on the webpage?
The 'type' attribute
64
What is the default value of the type attribute?
text
65
What does the attribute type's 'text' value do?
It renders a text field that users can type into
66
What attribute in the '< input >' element ensures the information is sent when the form is submitted?
The 'name' attribute
67
Is input a self closing tag?
Yes
68
What is the most common HTTP request?
A GET request
69
What element do you use to explain what an input element is asking for?
A '< label >' element
70
How do you associate a label with an input element?
Use the 'id' attribute for the input, and the 'for' attribute for the label element. 'For' should be equivalent to the associated input's 'id'.
71
What attribute for the '< input >' element changes the characters to asterisks or dots for privacy?
'type = password'
72
What attribute for '< input >' adds arrows and counts up or down in the form box?
The 'step = 1' attribute. 1 can be different.
73
What attribute for '< input >' creates a slider?
The 'range' attribute. Use the 'min' and 'max' attributes to make the range.
74
What attribute effects the fluidity of the slider in an input element?
The 'step' attribute.
75
What attribute for '< input >' creates a checkbox?
The 'checkbox' attribute.
76
What is a radio button and how do you add it?
A radio button is a button that switches between two choice depending on which one is selected. To add a radio button use the type = "radio"
77
What attribute for '< input >' creates a checkbox?
The 'checkbox' attribute.
78
What is a radio button and how do you add it?
A radio button is a button that switches between two choice depending on which one is selected. To add a radio button use the type = "radio"
78
How do you create a dropdown list?
Use the '< select >' element with nested '< option >' elements.
79
What attribute for '< input >' creates a checkbox?
The 'checkbox' attribute.
79
How do you create a dropdown list?
Use the '< select >' element with nested '< option >' elements. Use the 'value=' attribute to populate the choice. Be sure to include the option 'None' if it applies.
80
How do you create a dropdown list where the results can be filter by text search?
With the '< datalist >' element
81
What attribute for '< input >' creates a checkbox?
The 'checkbox' attribute.
81
How do you create a dropdown list?
Use the '< select >' element with nested '< option >' elements. Use the 'value=' attribute to populate the choice. Be sure to include the option 'None' if it applies.
82
What element creates an area to type into instead of just one line?
The '< textarea >' element
83
What element creates an area to type into instead of just one line?
The '< textarea >' element with it's associated rows and col attributes to determine the size of the area.
84
What attribute for '< input >' creates a checkbox?
The 'checkbox' attribute.
84
How do you create a dropdown list?
Use the '< select >' element with nested '< option >' elements. Use the 'value=' attribute to populate the choice. Be sure to include the option 'None' if it applies.
85
What attribute for '< input >' creates a checkbox?
The 'checkbox' attribute.
85
What element creates an area to type into instead of just one line?
The '< textarea >' element with its associated rows and col attributes to determine the size of the area.
85
How do you create a dropdown list?
Use the '< select >' element with nested '< option >' elements. Use the 'value=' attribute to populate the choice. Be sure to include the option 'None' if it applies.
86
What attribute for '< input >' creates a checkbox?
The 'checkbox' attribute.
86
What element creates an area to type into instead of just one line?
The '< textarea >' element with its associated rows and col attributes to determine the size of the area.
86
How do you create text in the '< textarea >'that disappears once replaced?
The 'placeholder=' attribute with the accompanying text.
87
How do you create a dropdown list?
Use the '< select >' element with nested '< option >' elements. Use the 'value=' attribute to populate the choice. Be sure to include the option 'None' if it applies.
88
How do you create a submit button?
Use the '< input >' element with the type="submit" attribute and the 'value' attribute whose value will be displayed on the button.
89
How do you create a dropdown list?
Use the '< select >' element with nested '< option >' elements. Use the 'value=' attribute to populate the choice. Be sure to include the option 'None' if it applies.
90
What attribute for '< input >' creates a checkbox?
The 'checkbox' attribute.
90
What element creates an area to type into instead of just one line?
The '< textarea >' element with its associated rows and col attributes to determine the size of the area.
91
What attribute for '< input >' creates a checkbox?
The 'checkbox' attribute.
91
What element creates an area to type into instead of just one line?
The '< textarea >' element with its associated rows and col attributes to determine the size of the area.
92
What are two different types of form validation?
1. Sever side 2. Client side
93
How do you require an input for submission?
Use the 'require' attribute in the '< input >' element
94
How do you set a specific text length/character amount?
Use the minlength and maxlength attributes with their associated amounts in the '< input >' element.
95
When should you use the POST method in HTML form submission?
Anytime you are creating a login feild.
96
How do you require an input to follow specific guidelines?
Use the 'pattern' attribute in the '< input >' element and assign it a regular expression or 'regex' (JavaScript).
97
What filename does an HTML document always get?
index.html

FULL STACK DEV (6 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2025 Bold Learning Solutions. Terms and Conditions