Brainscape's Knowledge GenomeTM

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


See full index

HTML - Beginner > Elements and Structure > Flashcards

Elements and Structure Flashcards

1
Q

Define HTML.

A

HTML (HyperText Markup Language) is used to give content to a web page and instructs web browsers on how to structure that content.

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

What is the content of an HTML element?

A

The information between the opening and closing tags.

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

What are the opening and closing tags for an HTML element?

A
  • Opening: <h1>
  • Closing: </h1>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

What are the opening and closing tags for a list item element?

A
  • Opening: <li>
  • Closing: </li>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

What are list item elements created inside of?

A
  1. Ordered Lists ( <ol> )
  2. Unordered Lists ( <ul> )
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

What are the opening and closing tags for an ordered list element?

A
  • Opening: <ol>
  • Closing: </ol>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

What are the opening and closing tags for an unordered list element?

A
  • Opening: <ul>
  • Closing: </ul>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

What are the opening and closing tags for a video element?

A
  • Opening: <video
  • Closing: </video>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

What does the <video element do?

A

It embeds a media player for video playback.

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

What attribute within the <video element contains the URL to the video?

A

src

EXAMPLE: <video src=”link”

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

What attribute within the <video element displays video controls in the media player?

A

controls

EXAMPLE: <video></video>

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

Where is the content that shows as a fallback in browsers that don’t support the <video element?

A

Inside the opening and closing tab

EXAMPLE:

<video>Video Not Supported</video>

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

What are the opening and closing tags for the emphasis element?

A
  • Opening: <em></em>
  • Closing: </em>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Which list element creates a list of items in sequential order?

A

The Ordered List Element <ol>
Each list item appears numbered by default.

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

What element is used as a container that divides an HTML document in sections?

A

The Div Element

<div>
</div>

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

What are the opening and closing tags for the div element?

A
  • Opening: <div>
  • Closing: </div>
17
Q

What content can the div element contain?

A

Flow content such as heading, paragraphs, links, images, etc.

18
Q

How is HTML organized?

A

HTML is organized into a family tree structure. HTML elements can have parents, grandparents, siblings, children, grandchildren, etc.

19
Q

What makes up an HTML attribute?

A
  1. Name
  2. Value
    Syntax: name=”value”
20
Q

What are the opening and closing tags for a line break element?

A
  • Opening: <br></br>
  • Closing: must not have a closing tag
21
Q

Where is a line break especially useful?

A

Where a division on test is required, like in a postal address.

22
Q

What are the opening and closing tags for an image element?

A
  • Opening: <img></img>
  • Closing: must not have a closing tag
23
Q

What does the image element do?

A

Embeds images in documents

24
Q

Which list element is bulleted?

A

<ul> Unordered List
</ul>

25
Q

How are heading elements ordered?

A

From the highest level to the lowest

26
Q

List the heading elements from highest to lowest.

A
  1. <h1>text</h1>
  2. <h2>text</h2>
  3. <h3>text</h3>
  4. <h4>text</h4>
  5. <h5>text</h5>
  6. <h6>text</h6>
27
Q

How is heading hierarchy defined?

A

By the h1-h6 tags. These create structure both visually and verbally for screen readers.

28
Q

What are the opening and closing tags for a paragraph element?

A
  • Opening: <p>
  • Closing: </p>
29
Q

What makes up a paragraph element?

A

Text. The <p> paragraph element contains and displays a block of text.

30
Q

Why would a unique ID attribute be assigned to different elements?

A
  • In order to differentiate between them.
  • When needed, the id value can be called up by CSS and JavaScript to manipulate, format, and perform specific instructions on that element and that element only.
  • ID Attribute - uniquely defines an element for linking, scripting or styling.
31
Q

What do valid id attributes contain?

A
  1. Begin with a letter (a-Z)
  2. Digits (0-9)
  3. Hyphens ( - )
  4. Underscore ( _ )
  5. Periods ( . )

EXAMPLE: <h1 id="A1">Hello World</h1>

32
Q

Define declarative language?

A

Describes a desired result without explicitly listing steps that must be performed.

Declarative languages (HTML and CSS) tell an interpreter (browser) what to do, not how to do it. We don’t need to programmatically tell the browser how to display our content. Think of HTML tags as black boxes where we don’t need to worry about the implementation details of how the content of a tag gets displayed to the screen. We just state the end goal and move on.

33
Q

List three advantages of a coherent HTML structure?

A
  1. Enhanced Readability (humans, algorithms, developers, software (screen readers, search engines)
  2. Accessibility
  3. Ease of Styling
34
Q

What is HTML use to create?

A

The structure and content of a webpage.

35
Q

What opening and closing tags should any visible content be placed within?

A

<body> tags
* Opening: <body>
* Closing: </body>
</body>

HTML - Beginner (1 decks)

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