Brainscape's Knowledge GenomeTM

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


See full index

Web Development Foundations > HTML > Flashcards

HTML Flashcards

1
Q

What is HTML?

A

Markup language for creating and displaying webpages.
Not a programming language.
Building blocks of the web.

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

Details on creating an HTML file

A

Does not need a server
Files must end with .html

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

What is the root / home page of a website?

A

Index.html

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

What are HTML Tags?

A

The basic building block of any web page.

Different tags format the way information is displayed.

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

What are element names surrounded by?

A

Angle brackets <tag>content</tagname></tag>

They usually come in pairs, start tag and end tag

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

What is a different between the start and end tag?

A

The end tag has a forward slash

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

What is a self closing tag?

A

Tags that don’t contain any content
<br></br>

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

What is in the head area?

A

Page title, links to CSS files, and JV files, metadata (description and keywords)

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

What tags are contained in the body?

A

Headings <h1>
paragraphs <p>

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

What should be the first thing on a web page?

A

The declaration which tells the browser what type of HTML the page is written in, which is HTML5

<!DOCTYPE html>

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

How do you make comments in HTML?

A

<!- -
Left arrow, bang, hyphen, hyphen

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

What is the default style sheet?

A

User agent stylesheet

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

List two characteristics of Inline Elements

A

Do not start on a new line

Take only the necessary width

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

List two characteristics of Block Elements

A

Start on a new line

Take full width available

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

What are some Inline Level tags?

A

<span>, <img></img>, <a></a></span>

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

What are some Block Level tags?

A

<div>, <h1> - <h6>, <p>, <form>
</form></p></h6></h1></div>

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

What does the strong tag do?

A

Says the text is surrounds should be strong in some way, such as bold.

Also note that strong can be customized using CSS

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

What does the <‘em> tag do?

A

It emphases the text it surround, e,g. Italics

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

What is the <a> tag used for?</a>

A

Puts a link in the text

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

What is the attribute href used for?

A

The location where you want a link for an <a> tag to open</a>

Hypertext reference

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

What is the target attribute used for?

A

Opens a new tab when clicking on a link so the user is not sent away from the active webpage

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

How to you write the attribute for target?

A

Target=“_blank”

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

What is main purpose of tags?

A

To provide information about elements

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

What are key value pairs?

A

The key is the constant the defines the data set, e.g. href

And a value which is a variable that belongs to the set “http://google.com”

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

What are values in key value pairs always in?

A

Quotes

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

What is a List?

A

A bullet point item

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

What type of tag does a list item have?

A

<li>
</li>

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

What is the tag for an ordered list?

A

<ol>
</ol>

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

What is a basic difference between an UL and OL?

A

a UL is bulleted and an OL is numbered

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

When are UL’s usually used?

A

Web site navigation, e.g. navigation bar at the top of a page

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

What is the thead tag used for?

A

The area for the table heading

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

What is the tag <tr> used for?

A

To create a row for the table

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

What is the tag <td> used for?

A

Table data that goes into a row

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

What does the attribute action, within a form do?

A

Submit the form to a certain page, e.g. php

Action=“process.php”

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

What does the attribute method within a form do?

A

Makes a POST request to a form on a server

36
Q

What is something POST is used for in a form?

A

Add data to a database

37
Q

What does the tag <br></br> mean, and do?

A

It is a line break to separate things manually when not using CSS yet

38
Q

What does the tag <hr> do, and mean?

A

Means horizontal rule and creates a horizontal line across the page

39
Q

What does the input type email do?

A

Validation to ensure a valid email address is used

40
Q

What are the three types of Quotations elements?

A

Block quote, Abbreviate, and Cite

41
Q

What is an HTML5 semantic tag?

A

A tag that clearly describes its meaning to both the browser and the developer

42
Q

List examples of HTML5 semantic tags.

A

Header, footer, aside, main, article, nah, section, details

43
Q

What information usually goes into the header?

A

Logo

44
Q

What usually goes into the article element?

A

Individual blog posts

45
Q

What is the aside element?

A

Has to with sidebar content

46
Q

What is in the foot element?

A

Copyright and privacy policy links, e.g.

47
Q

What is the small tag used for?

A

Create date (of articles) or sub content such as, “Post by Daniel on January 20th, 2023”

48
Q

What is the code for copyright?

A

©

Ampersand, copy, semicolon

49
Q

What is an ID represented with?

A


Number sign

50
Q

What is meta data?

A

A set of data that describes and gives information about other data

51
Q

What are examples of meta data?

A

Author, date created, date modified, file size

52
Q

Why is meta data important in web pages?

A

it contains descriptions of the pages contents, as well as keywords linked to the content and is often displayed in search results by search engines.

53
Q

What does the property box-sizing do?

A

Allows you to include the padding and border in an element’s total width and height

54
Q

What happens if you set box-sizing:border-box on an element?

A

Padding and border are included in the width and height

55
Q

What are the six positioning properties in CSS?

A

Static, Relative, Absolute, Fixed, Initial, Inherent

56
Q

Purpose of the alt attribute?

A

Specifies an alternate text for an image if the image cannot be displayed

57
Q

What is responsive web design?

A

Aims to make web design pages render well on a variety of devices

58
Q

List different block level elements.

A

Div, footer, h1, hr, p

59
Q

What are examples of semantic tags?

A

Footer, header, nav

60
Q

What is true of html entities?

A

Begin with an ampersand and end with a semicolon

Are special symbols or characters, such as the copyright symbol

61
Q

What are examples of container tags?

A

Article, h1, p

62
Q

What element identifies the document title?

A

Title

63
Q

A language that requires few plug-ins and standardizes how video and audio are presented on a webpage.

A

HTML5

64
Q

A language that allows transition from HTML to XML.

A

XHTML

65
Q

A metalanguage that is used to create other languages.

A

SGML

66
Q

What is SGML?

A
67
Q

A language that describes the function and context of the information contained in a document. Used to store and transport data.

A

XML

68
Q

Describe XML

A
69
Q

HTML 4.01 added support for?

A

Forms
Multiple spoken languages
Scripting languages
CSS
Tables

70
Q

HTML5 introduced which elements?

A

Audio
Footer
Header
Nav

71
Q

What is wire framing?

A

The process of working on an outline for a web presence

72
Q

What org creates all web standards?

A

World Wide Web Consortium (W3C)

73
Q

Who states that federal agencies must make electronic information accessible?

A

Section 508 of the Rehabilitation Act

74
Q

Specific set of guidelines that should be followed to make web content accessible.

A

Web Content Accessibility Guidelines (WCAG)

75
Q

Group that focuses on accessibility for W3C technologies?

A

Web Accessibility Initiative (WAI)

76
Q

The ___ element is used to contain meta tags, links to style sheets, and the title element.

A

<link></link>

77
Q

Identify the element

<p class=“special”>Check out our weekly special!</p>

A

Class

78
Q

identify the value

<p class=“special”>Check out our weekly special!</p>

A

Special

79
Q

What is a block level element?

A
80
Q

List block level elements

A

<div>
<footer>
<h1>
<hr></hr>
<p>
</p></h1></footer></div>

81
Q

Difference between head and header elements?

A
82
Q

List the three “heads” in order from first to last

A

Head, Header, Heading

<head>
<header>
<h1>
</h1></header></head>

83
Q

What is a semantic tag in HTML?

A

<footer>
<header>
<nav>
</nav></header></footer>

84
Q

What is an HTML entity?

A
85
Q

List container tags?

A

<article>
<h3>
<p>
</p></h3></article>

86
Q

List empty or void element tags?

A

Web Development Foundations (3 decks)

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