Brainscape's Knowledge GenomeTM

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


See full index

Web Development > HTML Foundation > Flashcards

HTML Foundation Flashcards

1
Q

Does it matter if you have space between tags?

A

No, but it’s important to keep code neat so it’s easier to read for the coder.

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

What is the p tag?

A

The paragraph tag which is used to denote a paragraph of text.

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

What information within the head IS displayed on a page tab in a web browser?

A

Any text within the title tag.

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

What is coding?

A

Coding is writing code. Code is any computer language.

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

What is JavaScript?

A

JavaScript is a computer language which makes your web pages intelligent on the client side.

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

Why do we have opening and closing tags in HTML?

A

Tells the web browser the beginning and the end of a tag.

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

When you select ‘View Page Source’ .. what are you doing?

A

You are checking to see the code that created the web page.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
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
9
Q

What is the ‘DOCTYPE’ tag used for?

A

This tells the web browser which version of HTML code we’re using in the web page.

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

What does a forward slash / in a tag indicate?

A

The closing tag.

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

HTML is made up of small sections of code - what are those code sections called?

A

Elements.

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

Which tag closes a paragraph tag?

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

What is the purpose of the head element?

A

This element contains metadata (data about data).

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

What is a web browser?

A

A web browser is an application used to view web pages.

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

What is a markup language?

A
  • A markup language specifies code for the presentation (formatting) of text i.e. the layout and style.
  • The code used to specify the formatting are called tags.
  • HTML is one example of a markup language.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

What is tag nesting?

A

Tag nesting is where an element (opening and closing tags) is within another element.

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

What are the names of the two characters which are at the start and end of a tag?

A

Angle brackets.

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

When you use the image tag to add an image to the web page, is it embedding the image into the html file or pointing to where the image is stored?

A

Pointing to where the image is stored.

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

What is the purpose of the element?

A

The element tells the web page when the html code begins and ends.

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

What is the three purposes of the title element?

A

The title element:

  1. Defines a title in the browser tab
  2. Provides a title for the page when it is added to favorites
  3. Displays a title for the page in search engine results
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

What is a code editor?

A

A code editor is an application used to write code faster, by suggesting tags.

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

Which three types of application can be used to create web pages?

A
  1. Simple Text Editor 2. Code Editor 3. WYSIWYG
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

What is a WYSIWYG app?

A

WYSIWYG stands for What You See Is What You Get. It is a ‘point and click’ application which allows you to build websites without having to write code.

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

What does the opening html tag look like? And what does it do?

A

The html tag tells the web browser that this is a html/web page.

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

Why should you name your first page ‘index.html’?

A

Because the index page is the first page the web server loads.

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

What is the purpose of the following tag?

A

The DOCTYPE tag tells the web browser which version of HTML is being used on the web page.

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

What is CSS?

A

CSS is a computer language used to improve the look of the website.

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

What is the easiest way to view a web page’s source code?

A

Right click on the page and select ‘View Page Source’.

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

Why does the code editor put numbers beside the lines of code?

A

To help you find code you might be looking for.

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

What is a simple text editor?

A

It is an application used to write text.

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

What is a computer language?

A

It is a written language used to give instructions to computers.

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

What does CSS stand for?

A

Cascading Style Sheet

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

What is hypertext?

A

Hypertext is the text in a web page.

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

What kind of file is a web page file?

A

A .html file.

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

Why should you use the .html extension to name the web page?

A

The ‘.html’ extension tells computers that the file is a web page.

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

What are the two major elements on a web page?

A

The head and body tags.

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

Can you use a simple text editor to write HTML?

A

Yes.

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

What should be the first tag in an html page?

A

The DOCTYPE tag.

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

Why should you write tags in lowercase?

A

Easier to read.

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

What will happen if you move an image, after using the image tag to add it to a web page?

A

The broken image icon will appear in your page, since the web browser will not be able to find the image.

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

What is the proper order of the major tag sections?

A

Head Title Body

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

What is an element in HTML?

A

An HTML element usually consists of a start tag and end tag, with the content inserted in between.

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

What are the three main computer languages used to create websites?

A
  1. HTML 2. CSS 3. JavaScript
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
44
Q

Give a full example of an image tag.

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

What is HTML?

A

HTML is a computer language. It is used as the foundation or building block for creating websites.

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

When was the HTML computer language first invented and by whom?

A

1991 by Tim Berners Lee

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

When was HTML 5 created?

A

2014

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

What is a HTML element?

A

It is a section which encompasses at least one starting tag, usually a pair for example the head, title or body tags.

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

What is XHTML?

A

Created in 2000, it is not HTML, but another computer language called XML.

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

What does the paragraph

tag do?

A

Adds a line break before and after the text.

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

Is whitespace ignored by web browsers?

A

Yes, spacing is controlled by the tags.

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

What exactly are websites?

A

HTML pages that are connected together.

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

Why did we create an index.html page in our website folder?

A

Web servers automatically (by default) send out the index.html page when you visit a website, so it’s good to have it.

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

Why does it make sense to have self describing HTML page names?

A

Self describing page names (and file names) are great because they tell you something about the page or file.

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

Which HTML tag is used to connect web pages together?

A

The a tag with angle brackets.

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

What is a tag attribute?

A

A tag attribute tells you additional information about the tag.

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

What is this code: ‘href’?

A

It is a tag attribute of the hyperlink tag.

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

What does ‘href’ stand for?

A

Hypertext Reference

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

What does ‘paths’ mean in web design?

A

Paths in web design refer to how we point to files and folders in hyperlinks.

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

What does this code do: ../

A

It tells the web browser to go up one directory.

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

(Image attached)

A

Go up two directory levels.

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

For hyperlinks, if we want the web browser to search for a file/web page down a directory, into a sub-folder, what would we put before the .html document?

A

sub_folder_name/htmldocument.html

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

What is another name for a web browser?

A

A client app.

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

What is the three differences between a client computer and a server computer?

A

Client computers request information.

Server computers serve up information.

Server computers have server apps installed on them.

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

What is the type of server app used to serve websites?

A

A web server.

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

When a web browser request a web page from a server, and the server sends a page back, this process is called what?

A

The request / response cycle.

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

How do you make an image into a hyperlink?

A

By wrapping a hyperlink (a) tag around an image (img) tag.

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

It adds a 5 pixel solid border around the image.

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

What does ‘http’ mean?

A

hypertext transfer protocol.

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

What does the http command tell the web browser?

A

It tells the web browser to use the hypertext transfer protocol.

It tells the browser HOW to send the information.

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

What does the ordered list tag look like?

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

What does a list item TAG PAIR look like?

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

What is the sub tag of an ordered or unordered list?

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

How do you set the number BESIDE the item in an ordered list?

A

The number beside the item is determined by its’ position in the list.

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

The ol tag tells the web browser to put numbers beside the list items. What happens to list items inside a ul tag?

A

Bullets are inserted

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

What does the ‘type’ attribute do in an ordered list?

A

It changes the characters displayed beside list items.

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

If you add this code to the ol tag: type=”a”
What happens?

A

It changes the list items to display lowercase letters beside each item, starting with the letter ‘a’ then ‘b’ and so on.

78
Q

What does dl stand for?

A

Description List

79
Q

What are the sub tags of dl?

A

dt and dd

80
Q

What does

<dt> stand for?
</dt>

A

Data term

81
Q

Which list type is the LEAST popular?

A

Description list.

82
Q

If CSS is for styling, what is HTML for?

A

HTML is there to create structure in a web page.

83
Q

What meaning does the strong tag give to text?

A

It makes the text bolder.

84
Q

What is ‘code folding’?

A

Code folding is what code editor apps do to hide code to make more space on the screen.

85
Q

What is the div tag short for?

A

Division

86
Q

What is the purpose of the div tag?

A

To create sections or divisions.

87
Q

What are examples of ‘neutral container elements’?

A

div or span tags

88
Q

What TYPE of tags have virtual boxes around them?

A

block level tags

89
Q

The p (paragraph) tag is what type of tag?

A

Block level tag.

90
Q

What does this CSS code do: a {display: block}

A

The CSS code changes the tag from being inline, to block level.

91
Q

What are HTML comment tags for?

A

HTML comment tags allow coders to leave messages which won’t be visible to site visitors.

92
Q

What does the opening comment tag look like?

A
93
Q

How does a web browser process a web page?

A

Top to bottom.

94
Q

What does the closing comment tag look like?

A
95
Q

What are domain names?

A

They are unique addresses on the web.

96
Q

What is a TLD in respect of domains?

A

TLD is a domain name extension and is short for ‘Top Level Domain’.

97
Q

What does the web browser usually do with information entered into a form?

A

It sends the form information to a server app for processing.

98
Q

What does an opening and closing form tag look like?

A
99
Q
A

It creates a textbox for USERS to be able to put text into a form.

100
Q
A

It hides the text entered.

101
Q
A

It creates a submit button.

102
Q

How do you tell the web browser WHERE to send the form information?

A

You add the ‘action’ attribute (with a location value) to the form tag.

103
Q

What is PHP?

A

PHP stands for PHP: Hypertext Preprocessor.

It’s a programming language used to create apps that can process forms.

104
Q

This is example of what:
?username=StefanPieEater&password=gofish

A
  1. A query string
  2. A set of name value pairs
  3. Information that a user entered into a form.
105
Q

What does the ‘&’ symbol in the query string do?

A

It acts as a separator between the name value pairs.

106
Q

What are some of the programming languages that can process HTML forms?

A

Python, Ruby, PHP and Java

107
Q

What is a server-side web app?

A
  • An app that runs on servers.
  • An app that can process HTML forms.
  • An app created in languages like PHP, Python and others.
108
Q

What does the form ‘method’ attribute tell the web browser?

A

HOW to send the information to the server for processing.

109
Q

Name two method attribute values.

A

GET and POST.

110
Q

What is the default method type HTML forms send data with?

A

GET

111
Q

What form method type, adds the data/information to the query string?

A

GET

112
Q

What is the form method type which sends the form data behind the scenes?

A

POST

113
Q

Do forms have sub tags?

A

Yes

114
Q

What does the web browser usually do with information entered into a form?

A

It sends the form information to a server app for processing.

115
Q

What does a proper HTML form tag look like?

A
116
Q

If you add the attribute ‘checked’, to a checkbox input tag, what does that do?

A

It automatically checks that checkbox.

117
Q

What is the form attribute name, that sets WHERE the form sends the information.

A

action

118
Q

What is the big difference between checkboxes and radio buttons?

A

With radio buttons, you can only select one option in the radio group.

119
Q

How do you set how big (how many characters) a text input tag can display?

A

Using the ‘size’ attribute.

120
Q

What does the tr tag do?

A

It creates a table row.

121
Q

Which table tag creates the table’s columns?

A

The td tags. TD stands for table data.

122
Q

Where is the header of a table column?

A

It is the 1st item in a table column.

123
Q

What can we do to add borders to tables?

A

Use a CSS style tag in the head tag.

124
Q

What is name for the space created by a td tag?

A

A table cell.

125
Q

What is the tag that creates a table header?

A

The th tag.

126
Q

By default, how are table headers displayed?

A

The text is aligned to the center and made bold.

127
Q

What is the td tag attribute used to extend/span a column/cell across other columns?

A

colspan

128
Q

How would you add a colspan of 3 to a td opening tag?

A
129
Q

How would you complete this tag?

A
130
Q

What is the purpose of the

tag?

A

To set a tr tag as the footer.

131
Q

What happens to a tr at the top of a table, when you put the tfoot tags around it?

A

It tells the web browser that the tr is a footer.

It pushes the tr down, so it is displayed at the bottom of the table.

132
Q

What does the thead tag do?

A

Creates the table header

133
Q

The tags thead and th seem very similar, but they are different. Which is true below?

A

All of the above.

134
Q

What happens to a tr tag pair, when you put it inside a thead element?

A

It pushes the tr tag pair to the top of the table.

135
Q

What does the rowspan tag attribute do?

A

It spans the td tag to span two rows.

136
Q

Which is true below:

A

All of the above.

137
Q

What are the two purposes of HTML?

A

To tell the browser what is in the page and the meaning of what is in the page.

138
Q

What does the ‘lang’ attribute do?

A

It tells the web browser (and search engines) what human language we are using in the page. Ex: English USA.

139
Q

Can the ‘lang’ attribute be added to any tag?

A

Yes, this is true.

140
Q

What does ‘meta’ mean?

A

Information about information.

141
Q

What does ‘meta charset’ do?

A

It tells the web browsers and search engines what character set to use in the web page.

142
Q

What is the point of the head element of the page?

A

Aside from the the title element, the head element contains information which is not displayed to the user.

143
Q

What is the style tag used for?

A

To add CSS code in to.

144
Q

What is the script tag used for?

A

To add javascript into the page.

145
Q

What is ‘scripting’?

A

Scripting is another word for programming.

146
Q

With the current version of HTML (HTML5) do you need to use the head tag?

A

No.

147
Q

How do you set the colour of the p tags to black using CSS?

A
148
Q

How would you center align a h1 tag using CSS?

A
149
Q

How many property/value pairs are in this CSS code: h1 {color: red; text-align: center}

A

2

150
Q

What is ‘class selector’ short for?

A

Classification selector

151
Q

Would a tag selector, for example h1, select all, or just one of the h1 tags in the page?

A

All.

152
Q

What KIND OF selector is this: .aClass {color: red}

A

A class selector.

153
Q

What kind of selector is this: .majorButton

A

A class selector.

154
Q

What KIND OF selector is this: #unique

A

An ID selector.

155
Q

Which one of the statements below is true:

  • An ID selector should only be applied once in a page.
  • Class selectors are designed to be applied many times in a page.
  • ID selectors start with this symbol: #
  • Class selectors start with a period - for example: .myclass
A

All are true.

156
Q

Why is it usually better to use CSS classes, instead of applying CSS with the tag’s style attribute?

A
  • Using CSS classes allows you to not repeat code.
  • Using CSS classes makes it easier to update code.
  • Using CSS classes will mean less code in your pages.
157
Q

How many layout types are there in CSS?

A

4

158
Q

What are the four layout types in CSS?

A
  1. Adaptive
  2. Static
  3. Liquid
  4. Responsive
159
Q

Which layout style/type, is the most flexible because it changes position of tags and it reflows to a changing screen size?

A

Responsive layout.

160
Q

Is this true? Liquid layouts reflow but they have their limits when the screen size gets too small.

A

True

161
Q

What is the best way to describe adapative design?

A

Adaptive design is like a static design, combined with some responsive design techniques.

162
Q

Which option below is the ID selector?

.myStar

h1

p

#mainDiv

A

mainDiv

163
Q

What are the 9 essential HTML tags (according to Stef)?

A

div, p, ol, ul, li, h, a, br, img

164
Q

Does the break (br) tag have a closing tag?

A

No

165
Q

What does the break tag do?

A

Creates a line break

166
Q

What are the three image types we can use in web pages?

A

gif, jpeg, png

167
Q

What is the best image type for photos?

A

jpeg

168
Q

Which is the most advanced image format?

A

png

169
Q

For images with solid colors, what two image formats are best?

A

png and gif

170
Q

Which image format is NOT an HD format?

A

gif

171
Q

Which image format does NOT have transparency?

A

jpeg

172
Q

Which image format supports animations?

A

gif

173
Q

Why do we want to use smaller images?

A

Smaller images equate to faster web page loading.

174
Q

Is the ROOT of a website the base directory of the website?

A

Yes

175
Q

What is the first page the web server sends out, when someone comes to a website?

A

Index.html

176
Q

In this code ‘a> href=”index.html”>google

A

index.html

177
Q

This code does what? ..<. a target=”_new” href=”http://www.studioweb.com/courses/css-course.html”>CSS Course

  1. Links to a public website
  2. Links to a sub directory
  3. Loads the page in a new tab or window
  4. All of the above
A

All of the above.

178
Q

What is the W3C?

A

An organization that sets the standards for the Web, headed by the inventor of the Web, Tim Berners-Lee.

179
Q

What does the

tag do?

A

The

creates the visible part of a web page.

180
Q

Why should you align your code?

A

It makes the code easier to read, which is good for coding.

181
Q

What is a pixel?

A

A tiny dot on the screen.

182
Q

True or false, when you set the font size to pixels, the font size is not fixed and changed with the size of the window.

A

False. The font size is fixed and does not change depending on the size of the window.

183
Q

What is VW short for?

A

Viewport Width

184
Q

VW = viewport width. How is this best described:

  • viewport width is a fixed sized unit of measure.
  • viewport width is used to set the size of the viewport.
  • viewport width is a relative unit of measure - it flexes.
A

Viewport width is a relative unit of measure - it flexes.

185
Q

If I set my font size to 5vw, what will happen to the font when I EXPAND the browser window?

A

The font size will get bigger.

186
Q

VW (viewport width) is a slice of the WIDTH of your browser window, so what is 4 vw?

  • 4/100th of the width of your screen.
  • 4% of the width of your screen.
  • 4vw is equal to 4 slices out of 100 of your screen’s width
  • All of the above are true!
A

All of the above are true!

187
Q

When would you use VW (Viewport Width)?

A

This is primarily used for mobile phones and tablets.

188
Q

What is a block-level tag?

A

A block-level element/tag always starts on a new line and takes up the full width available (stretches out to the left and right as far as it can).

189
Q

What are examples of block level tags?

A
190
Q

What are Inline Elements?

A

An inline element does not start on a new line and only takes up as much width as necessary.

191
Q

What are some examples of Inline Elements?

A

Web Development (2 decks)

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