Brainscape's Knowledge GenomeTM

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


See full index

Coding > HTML ADVANCED > Flashcards

HTML ADVANCED Flashcards

1
Q

Tag for video

A

<video>
</video>

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

Common video formats are:

A

MP4, OGG and WebM

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

Create a tag for a video in MP4.

A

<video>
<sourcesrc="file.mp4"
type="video/mp4">
</video>

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

src attributes for videos

A

src=”file.(type)”

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

type attributes for videos

A

type=”video/(type)”

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

Where to add text for when it doesn’t work?

A

Between the last source and the closing tag

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

Where do we put the controls attributes?

A

In the <video> or <audio> opening tag</audio></video>

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

How to add audio in mp3 format?

A

<audio>
<sourcesrc="audiofile.mp3"
type="audio/mpeg">
</audio>

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

3 common audio formats

A

MP3, OGG, WAV

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

For <video> and <audio>, if you put more than one source, which one of them will be displayed?</audio></video>

A

The first one

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

How not to have sound?

A

muted attribute

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

How to start playing automatically?

A

autoplay attribute

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

How to make it repeat?

A

loop attribute

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

How to have control?

A

control attribute

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

3 parts of the body

A

<header>
<main>
<footer>
</footer></main></header>

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

What types of information are in the header?

A

Navigation links, a menu and/or a search bar, logo, etc.

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

What types of information are in the footer?

A

Contact and legal information and links

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

What’s the difference between front-end and back-end development?

A

Front : What users see and interact with
Back : Information requests, servers and database

19
Q

What is a semantic tag?

A

Tag that gives information about what they contain.

20
Q

Tag used for making separate blog posts.

A

<article>
</article>

21
Q

Tag used to break down the content into parts.

A

<section>
</section>

22
Q

Tag used for secondary, additional or somehow related content.

A

<aside>
</aside>

23
Q

Write “Centered Blue Heading” with those commands in h1.

A

<h1style=”color:blue;text-align:center”>Centered Blue Heading</h1>

24
Q

What to use to separate each style property?

A

Semicolon (;)

25
Q

<pstyle=”border:1px solid red”>
Some text</p>
What does each one of them mean?

A

1px: width
solid: style
red: color

26
Q

Style attribute for the size of the text

A

front-size

27
Q

Complete the code to create an “OK” button with white text and black background.

A

<buttonstyle=”background-color:black; color:white”>OK</button>

28
Q

What is a block-level element?

A

An element that starts on a new line.

29
Q

What is an inline element?

A

An element that doesn’t automatically start on a new line.

30
Q

Name 3 block-level element.

A

Heading, paragraph, list, <div>

31
Q

Name 3 inline-level elements.

A

Format tags, button, label, input

32
Q

Element that keeps your page organized.

A

<div>
</div>

33
Q

Advantages of <div> element

A

Elements grouped in a <div> can be styled quicker, all at once.

34
Q

<div>
<h2>Heading 2</h2>
<h3>
Heading 3</h3>
<p>Paragraph</p>
</div>

In which color will the level-3 heading be displayed?

A

Green

35
Q

In which color will the level-3 heading be displayed?

<div>
<h2>Heading 2</h2>
<h3>
Heading 3</h3>
<p>Paragraph</p>
</div>

A

Green

36
Q

How many rows and columns?

<table>
<tr>
<td>A</td><td>B</td><td>C</td>
</tr>
<tr>
<td>D</td><td>E</td><td>F</td>
</tr>
</table>

A

2 rows and 3 columns

37
Q

Element used to create header cells.

A

<th>
</th>

38
Q

Attribute used to merge columns.

A

colspan=”number”

39
Q

Attribute used to merge rows.

A

rowspan=”number”

40
Q

Create a table with 2 columns, 2 rows of data and a header row.

A

<table>
<tr>
<th>H1</th>
</tr>
<tr>
<td>A</td><td>B</td>
</tr>
<tr>
<td>C</td><td>D</td>
</tr>
</table>

41
Q

Attribute used to make a webpage interactive.

A

onclick

42
Q

Create a button on which it’s written “Submit” and when you press it, it gives you a warning saying “ Welcome”.

A

<buttononclick=”alert(‘Welcome’)”>
Submit</button>

43
Q

How to make a button change an image?

A

<buttononclick=”id.src=’URL’”</button>

Coding (4 decks)

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