HTML

Question 1

How do you indicate the parent folder in a path?

Answer 1

../fileName.file – two dots, forward slash, name of file.

Question 2

How do you indicate the child folder in a path?

Answer 2

childFolder/fileName.file – name of folder, forward slash, name of file

Question 3

How do you indicate the grand parent folder in a path?

Answer 3

../../fileName.file – two dots, forward slash, two dots, forward slash, fileName.file

Question 4

How do you indicate the current folder in a path?

Answer 4

FileName.file – Just type the filename. No dots or forward slashes needed.

Question 5

What are the six primary HTML elements for creating tables?

Answer 5

table, thead, tbody, tr, th, td

Question 6

What purpose do thetheadandtbodyelements serve?

Answer 6

Thead defines a set of rows defining the head of columns of the table. Tbody like, thead and tfoot, provide useful semantic info that can be used when rendering for either screen or printer as well as for accessibility purposes.

Question 7

Give two examples of data that would lend itself well to being displayed in a table.

Answer 7

stocks and sports stats.

Question 8

What is an absolute URL?

Answer 8

The web address to a specific page.

Question 9

What is a relative URL?

Answer 9

A path to other pages within the same site.

Question 10

What other ways can we use an anchor tag?

Answer 10

Linking to another part of the same page, links that open in a new browser/tab, links that start up your email program and address a new email to someone.

Question 11

1. Where do you put non-visible content about the HTML document?

Answer 11

the head

Question 12

2. Where do you put visible content about the HTML document?

Answer 12

the body

Question 13

3. Where do the headand bodytags go in a valid HTML document?

Answer 13

in html tag

Question 14

5. What is the purpose of a doctypedeclaration?

Answer 14

6. To tell the browser which version of HTML your page is using.

Question 15

Give five examples of HTML element tags.

Answer 15

a, img, li, div, p, br, etc

Question 16

What is the purpose of HTML attributes?

Answer 16

They give additional information about the contents of an element. Made up of a name=”value”.

Question 17

Give an example of an HTML entity (escape character).

Answer 17

Ampersand - & a m p ;. Left bracket - < or < // you need the semi-colon. It will worth without it, but html has to work harder to find out that its an entity.

Question 18

What is the difference between an ordered list and an unordered list in HTML?

Answer 18

Ordered lists are numbered. Good for recipes or instructions or legal contract. Unordered lists have a bullet point – good for maybe ingredients list on a recipe.

Question 19

What three HTML elements do you use to build a description list?

Answer 19

< dl > - initializing the definition list //description list
< dt > - where the term being defined is placed // description term
< /dt >
< dd > - where the definition of the term is placed. // description definition
*NOTE- It’s now called a description, instead of definition. < /dd >< /dl >

Question 20

Why are forms useful?

Answer 20

It allows interaction between a user and a website/app by providing the ability to enter data which is sent to a web server for processing and storage, or used to update the interface in some way (to-do list, hiding or showing UI features) on the client side. Let’s use receive data from a user.

Question 21

What attribute do you have to match between alabeland aninput?

Answer 21

Label for and input id

Question 22

What type of input allows you to select multiple items in a dropdown?

Answer 22

input tag attribute < select multiple >

Question 23

What is theactionof a form?

Answer 23

Defines the location(url) where the form’s collected data should be sent when submitted.

Question 24

What is the purpose of an HTML form element?

Answer 24

To provide interaction between the client and server. Collecting data.

Question 25

Give five examples of form control elements.

Answer 25

Input, textarea, upload, output, range, button, submit, select, selectOne, selectMany
Text, password, textarea, radio, checkbox, dropdown boxes (select), submit button, image button, file upload, option.

Question 26

Give three examples oftypeattributes for HTMLform elements.

Answer 26

Button, checkbox, email, password, file, image, hidden, radio, range, reset, search, submit, text.

Question 27

Why would we choose specific element types when we have elements such asdivandspanwhich can be used for anything?

Answer 27

For semantic value. Each tag holds different value in regards to SEO. It helps those who need screen readers to navigate a page. It’s more organized and easier to read by others. (prevents ‘divitis’).

Question 28

What factors contribute to a well-designed HTML document?

Answer 28

Proper semantics and using appropriate tags for each type of data. Well formatted/easy to read. Clear and organized visual layout. Easy to navigate. Indentation and formatting.

Question 29

How do block-level elements affect the document flow?

Answer 29

It takes up it’s own line and adds line breaks. Doesn’t allow content on either side of it.

Question 30

How do inline elements affect the document flow?

Answer 30

They don’t interrupt the flow. They display exactly where you put them, regardless if there is content on either side.

Question 31

What are the default width and height of a block-level element?

Answer 31

Width takes up 100% (of the page) Height would be as high as the element needs. (width: 100%, height: auto;)

Question 32

What are the default width and height of an inline element?

Answer 32

Width and height: auto;. Takes up only the amount of space the content needs.

Question 33

What accessibility considerations must be considered when choosing HTML elements?

Answer 33

Basically all the semantic tags. <strong> <em> etc.</em></strong>