HTML Flashcards

1
Q

What was the purpose of HTLM in the past and what’s now?

A

In the past it was used as research documents, linking documents, reports, pictures and graphs;
Now it enables applications, fully featured.

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

What is the most common client for HTML?

A

Browsers.

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

What the difference between URI and URL?

A

URIs identify and URLs locate; however, locators are also identifiers, so every URL is also a URI, but there are URIs which are not URLs.
e.g: your name is your URI and your address is your URL.

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

What does the HTML element do?

A

Is the root of the document.

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

What does the HEAD element do?

A

Hold document metadata. Including title.

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

Where can the HTML be validated?

A

validator.w3.org

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

What’s traverse?

A

To move or travel in an area.

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

What’s a HREF?

A

It’s a reference to another document via some URI/URL.

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

What are the common child elements of HEAD?

A
key information used to index the pages - not so used nowadays once google and bing optmize their searches via actual page content.
 import external scripts
 import styles.. via files or inline
 link to resources
 define a base address (relative paths)
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

What’s the most common main page name of a website?

A

index.html

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

What is a ! mark in the html?

A

An instruction for the browser. e.g doctype and comment

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

What are common attributes?

A

Name, rel and class

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

What are the main child elements of BODY?

A
Text --- duh
Lists
Links
Tables
Images
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Can ID and name attributes repeat?

A

No, they need to be unique. Id is document-wide unique and name need to be element-specific.

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

How many headings exists? (Hn)

A
  1. The number one should appear only once.
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

What’s the difference between block and inline elements?

A

Block elements are containers to text or other block and inline elements. Inline elements are containers for text or other inline elements.

17
Q

What’s a div?

A

General-purpose element to identify a section of the page.

18
Q

What’s a <pre> element?</pre>

A

Text in a pre element is displayed in a fixed-width font, and it preserves both spaces and line breaks.

19
Q

What’s a <br></br> element?

A

It’s a line break.

20
Q

What’s a <hr> element?

A

Horizontal line. not much used. people usually use borders.

21
Q

What is and what are the most character entity?

A

represent a character that is special.
&nbsp: non-breaking space.
&lt and &gt: less and greater than. to not break html structure.

22
Q

What does reference text elements do?

A

They help to cite other jobs/documents, to define abbreviations and even code and sample snippets.

23
Q

What elements were introduced in HTML 5 that gives more semantic meaning for specific structures? note: they replace the generic divs.

A

Header, article, footer and section.

24
Q

What are the different lists on HTML?

A

Ordered, unordered and definition.

25
Q

How often lists are used?

A

Quite often. They are mostly used with css to make them be render horizontally as breadcrumbs or vertically as images.

26
Q

What’s an anchor tag?

A

It’s a link. Link to another document or event to other elements.

27
Q

What’s an href attribute?

A

Hypertext reference. It represents the link target.

28
Q

What’s an absolute and a relative link/path?

A

Absolute contains the full link, including the server. The relative link is a link that depends where the user is positioned.

29
Q

What’s a nav bar element?

A

An element that usually contains links to other screens. Can be located at the top, in the left side or even in the bottom.

30
Q

How to create links to sections or elements?

A

Using href as well, but starting with #. The target elements must either have a matching ID or a anchor tag with an attribute with the same name as the #.

31
Q

What are the most common anchor tag’s attributes?

A

language, relationship, content type, access key and target (e.g: _Blank).

32
Q

What a table in HTML can do?

A

Display header values, the content values and also the footer (in case of aggregated data).

33
Q

How does the structure of a table look like?

A

thead, tbody, tfoot, TR, TH, TD, colspans and rowspans.

34
Q

How to display an image in the HTML?

A

with the img element. src, alt, height and width are property of an img.

35
Q

What’s srcset attribute in the img element?

A

Allows defining the same img with different quality and the browser will decide which one is the best for the device which is accessing the page.

36
Q

What’s a picture element?

A

Similar to img, but allow defining source types (e.g png and jpeg). Also allows srcset.