HTML

Question 1

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

Answer 1

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

Question 2

What is the most common client for HTML?

Answer 2

Browsers.

Question 3

What the difference between URI and URL?

Answer 3

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.

Question 4

What does the HTML element do?

Answer 4

Is the root of the document.

Question 5

What does the HEAD element do?

Answer 5

Hold document metadata. Including title.

Question 6

Where can the HTML be validated?

Answer 6

validator.w3.org

Question 7

What’s traverse?

Answer 7

To move or travel in an area.

Question 8

What’s a HREF?

Answer 8

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

Question 9

What are the common child elements of HEAD?

Answer 9

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></link>

link to resources

<base></base>

define a base address (relative paths)

Question 10

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

Answer 10

index.html

Question 11

What is a ! mark in the html?

Answer 11

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

Question 12

What are common attributes?

Answer 12

Name, rel and class

Question 13

What are the main child elements of BODY?

Answer 13

Text --- duh
Lists
Links
Tables
Images

Question 14

Can ID and name attributes repeat?

Answer 14

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

Question 15

How many headings exists? (Hn)

Answer 15

6. The number one should appear only once.

Question 16

What’s the difference between block and inline elements?

Answer 16

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

Question 17

What’s a div?

Answer 17

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

Question 18

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

Answer 18

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

Question 19

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

Answer 19

It’s a line break.

Question 20

What’s a <hr> element?

Answer 20

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

Question 21

What is and what are the most character entity?

Answer 21

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

Question 22

What does reference text elements do?

Answer 22

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

Question 23

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

Answer 23

Header, article, footer and section.

Question 24

What are the different lists on HTML?

Answer 24

Ordered, unordered and definition.

Question 25

How often lists are used?

Answer 25

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

Question 26

What’s an anchor tag?

Answer 26

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

Question 27

What’s an href attribute?

Answer 27

Hypertext reference. It represents the link target.

Question 28

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

Answer 28

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

Question 29

What’s a nav bar element?

Answer 29

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

Question 30

How to create links to sections or elements?

Answer 30

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

Question 31

What are the most common anchor tag’s attributes?

Answer 31

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

Question 32

What a table in HTML can do?

Answer 32

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

Question 33

How does the structure of a table look like?

Answer 33

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

Question 34

How to display an image in the HTML?

Answer 34

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

Question 35

What’s srcset attribute in the img element?

Answer 35

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.

Question 36

What’s a picture element?

Answer 36

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