Brainscape's Knowledge GenomeTM

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


See full index

Front end developer kit > HTML > Flashcards

HTML Flashcards

1
Q

What is the opening structure that is needed in html?

A

<!DOCTYPE html>

<head>
<title>Document
</title>
</head>

<body>

</body>

</html>

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

What does “header one” look like?

A

<h1></h1>

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

How may headers are there?

A

6

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

What is the paragraph symbol?

A

<p></p>

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

How do you comment

A

<!-- TODO -->

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

Where does main go and what does it do?

A

Makes your HTML easier to read and help with Search Engine Optimization (SEO) and accessibility. It goes with the main parts of the page that you want to identify.

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

How do you add images to the page?

A

<img></img>

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

What should all img elements have and where?

A

alt =”” at the end of the hyphens of the img src

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

What does the anchor attribute do?

A

Links to another page

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

What does the anchor attribute look like?

A

<a></a>

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

How do you set a set these words “Hello World!” into an anchor?

A

<a>Hello World!</a>

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

How do you add a target attribute and what does it do?

A

<a>Hello World!</a>
It opens a new tab.

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

What separates everything apart?

A

<section></section>

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

What types of lists are there and whats the difference?

A

<ul></ul>

<ol></or>
Numbered vs unnumbered
</ol>

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

How do you list items?

A

<li></li>

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

What does the figure element do?

A

Represents self-contained content and will allow you to associate an image with a caption.

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

This is used to add a caption to describe the image contained within the figure element.

A

<figcaption></figcaption>

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

Emphasis

A

<em></em>

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

What turns words bold?

A

<strong></strong>

20
Q

How do you collect information from users?

A

<form></form>

21
Q

What attribute tells where the form data should be sent?

A

< form action=”www.”></form>

22
Q

What does an input element do?

A

Allows you to collect data from a web form.

23
Q

How do you put an <input></input> value?

A

Between a <form></form> value.

24
Q

You can easily create a password field, reset button, or a control to let users select a file from their computer.

A

<input></input>

25
Q

What do you do in order for a form’s data to be accessed by the location specified in the action attribute?

A

Add a <input></input>

26
Q

Used to give people a hint about what kind of information to enter into an input.

A

<input></input>. placeholder text

27
Q

Prevents a user from submitting your form when required information is missing.

A

<input></input>

28
Q

How to create a clickable button?

A

<button>Click Here</button>

29
Q

What do you add to avoid confusion with the button elment?

A

<button>Submit</button>
type=”submit”

30
Q

Buttons for questions where you want only one answer out of multiple options

A

<input></input>Phrase

31
Q

Are used to help associate the text for an input element with the input element itself (especially for assistive technologies like screen readers).

A

<label></label>

32
Q

This attribute is used to identify specific HTML elements.

A

Add - id=”indoor”

33
Q

Automatically deselects buttons.

A

Add a name attribute with the same value. Like “indoor-outdoor” to the radio/button

34
Q

Identifies the value of a button

A

Value=”button”

35
Q

This is used to group related inputs and labels together in a web form - block-level elements, meaning that they appear on a new line.

A

<fieldset></fieldset>

36
Q

Acts as a caption for the content in the fieldset element, It gives users context about what they should enter into that part of the form.

A

<legend></legend>

37
Q

Used on forms for questions that may have more than one answer.

A

<input type”checkbox”> phrase

38
Q

Like radio buttons, form data for selected checkboxes are?

A

name / value attribute. value=””

39
Q

In order to make a checkbox checked or radio button selected by default, you need to add the?

A

checked=”checked”

40
Q

What goes above the body element?

A

<head></head>

41
Q

This determines what browsers show in the title bar or tab for the page and goes in between the head element.

A

<title></title>

element

42
Q

What makes the specifies that the language is english within the html file?

A

<html>
</html>

43
Q

What goes at the beginning? And what is it also called?

A

A declaration, <!DOCTYPE html>

44
Q

How can you set browser behavior?

A

By adding <meta></meta>

45
Q
A

Front end developer kit (1 decks)

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