HTML Flashcards

1
Q

<p></p>

A

creates a paragraph

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

<!-- -->

A

creates a comment

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

HTML attributes

A

special words used inside the opening tag of an element to control the element’s behavior

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

alt

A

if an image fails to load it will display a text instead

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

anchor (a) element

A

can link to another page using href

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

target= _blank

A

it is an anchor (a) element’s opening tag, so that the link opens in a new tab.

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

<ul> </ul>

A

unordered list

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

<li></li>

A

creates items inside of list

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

figure element

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
10
Q

<figcaption> </figcaption>

A

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

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

<em> </em>

A

this emphasizes text using italic

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

<ol> </ol>

A

list items in an ordered list are numbered when displayed.

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

<strong> </strong>

A

some text is of strong importance or urgent. in bold text

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

<form> </form>

A

web form to collect information from users.

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

action attribute

A

indicates where form data should be sent.

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

are input element self closing?

A

Yes

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

<input></input>

A

element allows you several ways to collect data from a web form.

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

type=”text”

A

Create a text field to get text input from a user

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

name attribute

A

a form’s data to be accessed in the action attribute

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

placeholder attribute

A

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

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

required attribute

A

prevents a user from submitting your form when required information is missing

22
Q

type=”radio”

A

creates a check dot in an input element

23
Q

<label> </label>

A

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

24
Q

id attribute

A

used to point to a specific style declaration in a style sheet. It is also used by JavaScript to access and manipulate the element with the specific id.

25
Q

value attribute

A

gives a value to when something is submitted.

26
Q

block-level elements

A

code that they appear on a new line.

27
Q

<fieldset> </fieldset>

A

This element is used to group related inputs and labels together in a web form.

28
Q

<legend> </legend>

A

element 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.

29
Q

type=”checkbox”

A

creates a checkbox

30
Q

for attribute

A

used in label and can allow text to identify the same action as the same id name in it

31
Q

why should we include name to our input choice?

A

it allows for the website to process easier.

32
Q

<footer> </footer>

A

allows for a footer to be added to website eg copy right - freecode camp.org

33
Q

<head> </head>

A

All the important information goes in the head

34
Q

<title></title>

A

the title of the page

35
Q

<html>
</html>

A

allows software to know you are using html for code

36
Q

<!DOCTYPE html>

A

his special string is known as a declaration and ensures the browser tries to meet industry-wide specifications.

37
Q

meta charset=”UFT-8”>

A

Tells the browser to parse the markup into multiple languages
utf-8 is a universal character set that includes almost every character from all human languages.

38
Q

<style>

 
</style>
A

You can add style to an element in html

39
Q

<link></link>

A

allows you to link the html to different sheets like the css togther using href and rel to give it a value.

40
Q

<meta></meta>

A

For the styling of the page to look similar on mobile as it does on a desktop or laptop

41
Q

class attribute

A

allows for .class show to work in styling sheet

42
Q

<article> </article>

A

elements commonly contain multiple elements that have related information.

43
Q

<hr></hr>

A

display a divider between sections of different content.

44
Q

method attribute

A

specifies how to send form-data to the URL specified in the action attribute. it can use as “get” or “post”

45
Q

minlength attribute

A

minlength attribute with a value Doing so prevents inputs of less than issued characters being submitted.

46
Q

input type=”number” min=”13” max=”12-“

A

the min and max number that a user can input

47
Q

select element

A

creates a drop down allowing options to be chosen

48
Q

options element

A

gives choices for the user to chose from

49
Q

textarea element

A

acts like an input element of type text, but comes with the added benefit of being able to receive multi-line text, and an initial number of text rows and columns.

50
Q

rows and cols

A

To give it an initial size of the text area element, you can add the rows and cols attributes.

51
Q

link href=”https://fonts.googleapis.com/css?family=Open+Sans:400,700,800” rel=”stylesheet”

A

this imports the open sans allowing to be used in css