Brainscape's Knowledge GenomeTM

Browse over 1 million classes created by top students, professors, publishers, and experts.


See full index

Front End Develop > HTML > Flashcards

HTML Flashcards

1
Q

HTML is made up of?

A

HTML tags

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

HTML is made up of?

A

HTML tags

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

What is the benefit of syntax highlighting?

A

Improves the readability and context of my text

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

What is it called when there are red highlights in my code?

A

Syntax Error

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

What is Syntax Highlighting?

A

A feature that displays text, especially source code, in different colors and fonts according to the category of terms.

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

HTML is the _____ _____ of the web and it’s the only thing that you have to know in order to make a website.

A

building block

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

HTML describes what?

A

What each part of a website is

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

What is the html tag for a paragraph?

A

<p></p>

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

What is the HTML tag for an image?

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

HTML tags literally _____ (or mark up) all of your text, images, and content so that your computer knows what each piece of content is and understands how to show it to you in the _____.

A

Tag

Browser

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

What is the HTML tag for a headline?

A

<h1> </h1>

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

What is the first step in being “tech-fluent?”

A

Learning HTML

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

What is HTML’s primary purpose?

A

To tell my computer what each part of a website is (headline, image, paragraphs, text, etc)

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

What do I have to do each time I add a piece of content to a website?

A

Tell my computer what type of content I am adding is.

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

Is HTML responsible for how content on a web page looks?

A

No! It just describes what it IS not what it LOOKS like

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

What symbols are used in an HTML opening tag?

A

Less Than <

Greater Than >

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

What extra symbol does a HTML closing tag use?

A

Forward Slash /

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

Is it possible to look at ANY online website’s HTML?

A

YES

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

Is it possible to look at ANY online website’s HTML?

A

YES

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

What is the benefit of syntax highlighting?

A

Improves the readability and context of my text

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

What is the ONLY thing I NEED to have in order to make a website?

A

HTML

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

What is Syntax Highlighting?

A

A feature that displays text, especially source code, in different colors and fonts according to the category of terms.

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

HTML is the _____ _____ of the web and it’s the only thing that you have to know in order to make a website.

A

building block

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

How many HTML tags will I use most of the time in all of the 100 that there are?

A

25 -

for paragraphs, images, links, forms, sections, articles, and footers.

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

What is the html tag for a paragraph?

A

<p></p>

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

What is the HTML tag for an image?

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

HTML tags literally _____ (or mark up) all of your text, images, and content so that your computer knows what each piece of content is and understands how to show it to you in the _____.

A

Tag

Browser

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

What is the HTML tag for a headline?

A

<h1> </h1>

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

The <em> tag is used to denote text that should be _____.</em>

A

emphasized

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

What is HTML’s primary purpose?

A

To tell my computer what each part of a website is (headline, image, paragraphs, text, etc)

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

What is the tag I would use to add a line break in the text without needed to start a new paragraph?

A

<br></br>

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

Is HTML responsible for how content on a web page looks?

A

No! It just describes what it IS not what it LOOKS like

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

What symbols are used in an HTML opening tag?

A

Less Than <

Greater Than >

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

What extra symbol does a HTML closing tag use?

A

Forward Slash /

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

HTML tags almost always come in _____.

A

Pairs

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

Is it possible to look at ANY online website’s HTML?

A

YES

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

How can one look at a website’s HTML?

A

View the site’s page source

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

HTML is the _____ _____ of the web.

A

Building Block

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

What is the ONLY thing I NEED to have in order to make a website?

A

HTML

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

What is the most frequent mistake made by beginning HTML writers?

A

Forgetting to close the HTML tag.

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

How many tags are there to learn in HTML?

A

100

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

How many HTML tags will I use most of the time in all of the 100 that there are?

A

25

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

How many header tags are there?

A

6

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

What HTML header number would the MOST important header be designated as?

A

<h1></h1>

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

The <strong> tag is meant to denote text that is _____.</strong>

A

IMPORTANT

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

Is the text within the <strong> tag always BOLD?</strong>

A

No

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

The <em> tag is used to denote text that should be _____.</em>

A

emphasized

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

Is the text within the <em> tag always Italicized?</em>

A

No

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

What is the tag I would use to add a line break in the text without needed to start a new paragraph?

A

<br></br>

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

<b> and <i> HTML tags are _____, while <em> and strong are _____.</em></i></b>

A

presentational

semantic

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

What is the HTML character for “em dashes?”

A

—

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

What does HTML stand for

A

Hypertext Markup Language

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

Who is widely considered the creator of the web?

A

Tim Berners-Lee

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

What is the tag I should add to create bolded text?

A

<strong></strong>

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

What are the 2 types of lists in HTML?

A

Ordered

Unordered

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

What is the HTML tag for an Ordered List?

A

<ol></ol>

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

What list (ordered or unordered) would I add when the order of the list MATTERS?

A

Ordered <ol></ol>

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

What list type would I use when listing my favorite programming languages in order of how much I love them?

A

Ordered <ol></ol>

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

What list type is great for “to do” lists?

A

Unordered <ul></ul>

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

What is nested WITHIN a ordered <ol> or unordered </ol><ul> list?</ul>

A

The line items <li> I want to add

<ul>
<li>My list item</li>
</ul>

<ol>
<li>List Item</li>
<li>List Item</li>
</ol>

</li>

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

List Item tags go _____ the ordered or unordered lists?

A

Inside

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

Use what type of list when the order of the list items do NOT matter?

A

Unordered List <ul></ul>

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

The image tag is what’s known as a _____-_____ tag

A

self-closing

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

What is a self-closing tag?

A

Instead of a having a closing HTML tag, they have a forward slash in front of the greater-than symbol or />.

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

What do Attribute tags provide us with?

A

more information about the specific HTML tag

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

What is a Source Attribute or scr=

A

gives more information about the link to where an image file is stored.

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

When you want to show an image on your website what must you do first?

A

Put that image somewhere on the Internet so it can be accessed

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

What is the EASIST way to show an image on a website?

A

First, place the image that you want to show in a folder on your web server.

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

When an image is successfully on the web what must I locate to setup my code correctly?

A

The image’s location URL

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

How can I find out a location of an image on the web?

A

Right click on the image and select “open image in a new tab.”

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

What attribute describes what an image is?

A

alt or alternative attribute

72
Q

Will the web viewer see alt or alternative attributes displayed?

A

No

73
Q

What are 3 main benefits of using alt attributes in my code?

A
  1. If the image doesn’t load it will still be described on the page.
  2. If a person visiting my site is blind, they can still find out what your image is about even if they can’t see it.
  3. Search Engine Optimization
74
Q

What is SEO stand for?

A

Search Engine Optimization

75
Q

4 Parts of an Image Tag?

A
  1. <img></img>

Closing Image Tag

76
Q

What are the 3 main supported image file types for the web?

A
  1. jpg
  2. png
  3. gif
77
Q

What file size should I keep my images under when using on the web?

A

Under 1MB

78
Q

The larger the file size, the longer it’ll take your page to _____.

A

load

79
Q

The “a” in this <a></a>

A

Anchor Link

80
Q

Like image tags, anchor links require _____ to work.

A

Attributes

81
Q

What is the Attribute for a anchor link?

A

href=

82
Q

What does href stand for?

A

Hypertext Reference

83
Q

Where in my code do I put a URL that I want to link?

A

Within the Hypertext Reference or <a></a>

84
Q

What Attribute would I use to open up a web link in a new tab?

A

A Blank Target Attribute
or
target=”_blank”

85
Q

Where would I place the Target Attribute?

A

Add to your URL opening “a” tag just after the href attribute.

86
Q

What are the parts of a Link tag?

A
  1. Opening “a” tag <a></a>
87
Q

Describe this tag <a>.</a>

A

ANCHOR LINK with an HREF ATTRIBUTE, which specifies the URL the link goes to.

88
Q

Any text in between the opening and closing <a> tag is known as the _____ _____ .</a>

A

link text

89
Q

What is the TARGET ATTRIBUTE, which opens the URL in a new tab.

A

TARGET=”_BLANK”

90
Q

What is the proper code for a link?

A

<a>Skillcrush!</a>

91
Q

What is the correct code for adding an image to a website?

A

<img></img>

92
Q

If you want your link to open in a new window, what should you add to your tag?

A

target=” _blank “

93
Q

Image tags, link tags, list tags, text tags – all of these tags have to do with the _____ of your site.

A

CONTENT

94
Q

Structural HTML helps define …….

A

a website’s many different parts

95
Q

The most important structural element that you need to learn is the _____ tag.

A

<div></div>

96
Q

<div> tags define?</div>

A

a division, or section, of your site.

97
Q

<div> tags as little \_\_\_\_\_ that you use to \_\_\_\_\_ related content together</div>

A

WRAPPERS

BUNDLE

98
Q

How do I code subdivisions of a section?

A

put <div> tags inside of other <div> tags!</div></div>

99
Q

What are NESTED ELEMENTS?

A

Nested elements are just HTML tags inside of other HTML tags, kind of like Russian nesting dolls.

100
Q

What are the 12 categories of HTML tags?

A
  1. Content HTML Tags
  2. Structural HTML Tags
  3. Forms/Input HTML Tags
  4. Frame HTML Tags
  5. Image HTML Tags
  6. Audio/Video HTML Tags
  7. Link HTML Tags
  8. List HTML Tags
  9. Table HTML Tags
  10. Styles and Semantic HTML Tags
  11. Meta HTML Tags
  12. Programming HTML Tags
101
Q

Most HTML tags are _____ elements

A

BLOCK

102
Q

BLOCK elements _____ to fit the _____ _____ of their container.

A

Expand

Full Width

103
Q

If a block element sat down in a movie theater, it would take over a _____ _____ of seats.

A

Whole Row

104
Q

The tag serves as a _____.

A

Container

105
Q

BLOCK elements _____ on top of each other.

A

Stack

106
Q

3 examples of INLINE elements?

A
  1. <b>, <big>, <i>, <small>, <tt></tt></small></i></big></b>
  2. <abbr>, <acronym>, <cite>, <code>, <dfn>, <em>, <kbd>, <strong>, <samp>, <var></var></samp></strong></kbd></em></dfn></code></cite></acronym></abbr>
  3. <a>, , <br></br>, <img></img>, , , , , <span>, , </span></a>
  4. <button>, <input></input>, <label>, <select>, <textarea></a></var></samp></strong></kbd></em></dfn></code></cite></acronym></abbr></tt></small></i></big></b></textarea></select></label></button>
107
Q

INLINE elements stay _____ _____ with each other.

A

In Line

108
Q

INLINE elements ALWAYS go _____ of block elements.

A

INSIDE

109
Q

List of BLOCK elements.

A
  1. <p>
    </p>
  2. </p><h1>
  3. <ol>, </ol><ul>
    </ul>
  4. </ul><pre>
  5. <address>
    </address>
  6. <blockquote>
    </blockquote>
  7. <dl>
    </dl>
  8. <div>
    </div>
  11. <hr></hr>
  13. </div></dl></blockquote></address></pre></h1>
110
Q

<div> tags tell your computer how to divide up the content on your website, but they don’t really \_\_\_\_\_ what those sections are.</div>

A

Describe

111
Q

What can I use to describe what the divided content of my web site is?

A

HTML5 tags

112
Q

What are the main 5 structural HTML5 tags?

A 
tags
 tags
 tags
 tags
 tags
 tags
113
Q

HTML5 tags are _____ and literally _____ the sections they’re rendering, and they provide a common language and logic for coders to write and for computers to read.

A

SEMANTIC

DESCRIBE

114
Q

The Semantic Web is a movement to _____ _____ in a way that everyone: computers AND people can easily understand.

A

Store Data

115
Q

What 3 elements does the tag usually contain?

A
  1. Page Title
  2. Logo
  3. Navigation
116
Q

This tag defines the _____ area, which contains your site’s navigation _____.

A

NAVIGATION

LINKS

117
Q

Example of tag?

A

<a>About</a>
<a>News</a>
<a>Contact</a>

118
Q

The tag defines a site’s _____ area.

A

MAIN

119
Q

There should only be _____ element on a page.

A

ONE

120
Q

Example of tag?

A

<h1>About</h1>

<p>This section is all about me!</p>

121
Q

Example of tag?

A

<h1>About</h1>

<p>This section is all about me!</p>

122
Q

The tag defines some content (usually a sidebar) set _____ from the content it’s placed within.

A

ASIDE

123
Q

Example of tag?

A

<p>I completed many HTML client projects this year.</p>

<h4>HTML Projects</h4>

<p>These web projects included basic websites, blogs, and landing pages.</p>

124
Q

The tag defines an _____, which contains _____ content that should make sense on its own (such as a blog post).

A

ARTICLE

INDEPENDENT

125
Q

Example of tag?

A

<h1>How To Get Hired In Tech</h1>

<p>Here are some tips to make the transition to a new career less intimidating.</p>

126
Q

The tag typically contains information about the site at the _____ of the page, such the sitemap, contacts, and copyright information.

A

BOTTOM

127
Q

Example of tag?

A

<p>(c) 2016 Skillcrush, Inc.</p>

<p>Follow @skillcrush</p>

128
Q

When you add a DIV tag to your HTML, will you be able to see it?

A

No, because you don’t have any CSS styles yet

129
Q

What is the difference between inline and block elements?

A

Block elements take up the full width of the screen while inline elements will sidle up next to one another

130
Q

What do you call HTML elements inside of other HTML elements?

A

Nested elements

131
Q

An iframe is a special HTML tag that allows you to do what?

A

Embed ANOTHER HTML page inside your HTML page

132
Q

What types of media would I use iframe to embed?

A 
Photos
Videos
YouTube Videos
Instragram Feeds
Vine Feeds
Twitter Feeds
Google Maps
133
Q

4 Elements of iFrame?

A
  1. the iFrame element
134
Q

Use an _____ _____ to embed maps or videos onto your webpage.

A

iFrame Tag

135
Q

iFrame Tag Example

A
136
Q

How do you change the size of an iframe?

A

Change the width and height attributes in the HTML

137
Q

Which of following would you NOT use an iframe for?

A

A paragraph

138
Q

Where do I normally find a video or map’s iframe information?

A

Using the Share feature

139
Q

Content HTML tags, for _____ up your content

A

CODING

140
Q

Structural HTML tags, for _____ your content

A

ORGANIZING

141
Q

Meta tags tell your computer what?

A

Important info about the webpage itself.

142
Q

What does the META tag tell my computer?

A

It tells the computer what kind of document it’s looking at, which in this case is an HTML document.

143
Q

What does the META tag tell my computer?

A

It tells the computer what kind of document it’s looking at, which in this case is an HTML document.

144
Q

What are 4 MANDATORY META tags in order for my site to work?

A
  3. 4.
145
Q

The is where you link to things like _____ and _____. It’s also where you’ll add other _____ tags that describe your website.

A

stylesheets
scripts
meta

146
Q

Nothing you put in the area of your site will be visible to a user reading your website, except the _____.

A

TITLE

147
Q

If a user interacts with it, it goes in the _____

A
148
Q

The is where you put all the content that you’ll _____ on the page, like your _____ and _____.

A

SEE
IMAGES
TEXT

149
Q

The tag is the most _____ of the meta tags, and it has quite a few different attributes.

A

META

150
Q

What is character encoding?

A

It is a META tag known as and is used to recognize characters like letters, numbers, and symbols.

151
Q

_____ is the most recent set of characters that computers use.

A

UTF-8

152
Q

The tag provides what to my website?

A

Provides a name for my website

153
Q

What is the only part of the area that users can see?

A

The

154
Q

The _____ _____ is technically NOT a meta tag, but because of its placement, it gets grouped in with , , and the rest.

A

tag

155
Q

What tag is used in search engine queries?

A

tag

156
Q

What is a boilerplate?

A

An HTML document with all the required stuff I need to write CODE already in there.

157
Q

What is ?

A

A tag that tells the computer the kind of document it’s looking at (in this case, it’s an HTML document).

158
Q

example?

A
159
Q

What is ?

A

A tag that contains all of the HTML elements on your site and is necessary for your page to work.

160
Q

Example?

A

Here’s my website content.

161
Q

What is ?

A

The tag defines the head area, which is where you link to stylesheets, scripts, and other meta information your visitor won’t see (except for the title, of course!).

162
Q

Example?

A

My Website Title

163
Q

What is ?

A

A tag which defines the body area, which is where you put all of your site’s visible content.

164
Q

Example?

A

Here’s all the content of my website.

165
Q

What is ?

A

A tag that contains your site’s hidden meta information, like the charset, page description, and keywords.

166
Q

Example?

A
167
Q

What is ?

A

specifies the title of your site (which is displayed on the browser tab).

168
Q

Example?

A

My Website Title

169
Q

What tag would I use to comment on my code?

A
170
Q

What are the essential tags needed for any HTML page?

A

, , and

171
Q

What was the big update with HTML5?

A

A bunch more semantic tags were added to HTML, like < header > and < main >

172
Q

The alt attribute belongs to which HTML tag?

A

<img></img> tag

173
Q

What does the target=” _BLANK “ attribute do?

A

It opens a link in a new tab

174
Q

correct code for adding an image to your site

A

<img></img>

175
Q

The alt attribute:

A

Describes your image and IS important for accessibility

176
Q

DIV tags:

A

Are wrappers that bundle content together

Front End Develop (6 decks)

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