Beginner HTML Flashcards

1
Q

What does HTML stand for?

A

HyperText Markup Language

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

What is HTML used for?

A

To build web pages. To structure content. To provide meaning to that content.

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

What are HTML tags?

A

Tags help to structure an HTML document. They surround content and apply meaning to it.

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

What is a document type declaration?

A

It lets the browser know which flavor of HTML you’re using.

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

The main content of the document will appear between which tags?

A

The body tag

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

Why do you sometimes see self closing tags with an extra line?

A

This is a remnant of XHTML. HTML5 doesn’t care which format you use.

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

Tags can also include extra bits of information. What are they called?

A

Attributes appear inside the opening tag and their values sit inside quotation marks.

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

What are HTML elements?

A

Elements are the bits that make up web pages. The element includes the opening tag, the content, and the closing tag. E.g. The body element.

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

What element is used to give an HTML page a title?

A

The title element. Title is the most important element within the head element.

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

Which element appears before the body element and contains information about the page?

A

The head element. The information in the head element does not appear in the browser window.

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

What is the p tag used for?

A

To create paragraphs. Paragraphs should be used if two blocks of text are intended to be separate from one another.

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

What tag is used to give emphasis to text?

A

The emphasis tag: em

Browsers will display em in italics.
This HTML5 tag replaces the old i (talics) tag.

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

What tag should you use to give text strong importance?

A

The strong tag.

Browsers will display strong in bold.
This HTML5 tag replaces the old b (old) tag.

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

How would you create a line-break in HTML?

A

Using the line-break tag: br

Line-break is a self-closing tag. It has no closing tag because it does not contain content.

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

How do you create headings in an HTML document?

A

Using the h1, h2, h3, h4, h5 and h6 tags.

The h1 tag is only used once as the main heading

The h2 to h6 tags can be used often but only in order

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

What are the three types of lists in HTML?

A
  1. ) Unordered lists: ul
  2. ) Ordered lists: ol
  3. ) Definition lists: dl
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

What is the li tag used for?

A

List items.

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

What does “hypertext” mean?

A

A system of linked text.

19
Q

What is an an anchor tag used for?

A

The anchor tag is used to define a link.

20
Q

What is the href attribute?

A

The href attribute is used within the anchor tag to define the destination of the link.

21
Q

What will clicking on this link do?

href=”#moss”

A

Selecting this link will scroll the page straight to the element with the moss ID (#moss).

22
Q

A link does not have to link to another HTML file.

True or False?

A

False: it can link to any file anywhere on the web.

23
Q

The img tag is used to …

A

Place an image in an HTML document.

24
Q

What does the src attribute do in the img tag?

A

It tells the browser where to find the image.

25
Q

What happens if the height and width attributes are excluded from the img tag?

A

The browser will tend to calculate the size as the image loads, instead of when the page loads, which means that the layout of the document may jump around while the page is loading.

26
Q

What is the alternative description attribute in the img tag?

A

This is an accessibility consideration, providing meaningful information for users who are unable to see the image.

27
Q

What are JPEGs are typically used for?

A

JPEGs are typically used for images such as photographs.

28
Q

GIFs are typically used for?

A

GIFs are typically used for images with solid colors, such as icons or logos.

29
Q

What are the three most common image types used in web development?

A
  1. ) JPEG (pronounced “jay-peg”)
  2. ) GIF (pronounced “jif”)
  3. ) PNG (pronounced “ping”)
30
Q

PNGs are typically used for what?

A

PNGs are typically used for versatile images in more complex designs.

31
Q

What is well known for being used and abused to lay out pages?

A

HTML tables

32
Q

What is the correct use for HTML tables?

A

Structuring tabular data

33
Q

What the three basic tags used to create HTML tables?

A

table is used to define the table
tr is used to define a table row
td is used to define a table data cell

34
Q

What HTML element is used to collect data inputted by a user?

A

Forms

35
Q

On their own, forms aren’t usually especially helpful.

True or False?

A

True. Forms tend to be used in conjunction with a programming language to process the information inputted by the user.

36
Q

What attribute is needed to tell the form where its contents will be sent to?

A

Action

37
Q

The ______ attribute tells the form how the data in it is going to be sent.

A

Method

38
Q

With the method form attribute _____ is used for shorter chunks of non-sensitive information

A

Get

39
Q

With the method form attribute _____ is used for lengthier, more secure submissions, such as in contact forms.

A

Post

40
Q

What forms can the input tag take?

A
  1. ) text box
  2. ) password
  3. ) check box
  4. ) radio button
  5. ) submit button
41
Q

A large, multi-line textbox

A

Textarea

42
Q

The select tag works with the ______ tag to make drop-down select boxes.

A

Option

43
Q

To all of the fields, the attribute _____ needs to be added so the form-handling script can process the input.

A

Name