POST MIDTERM

Question 1

What does semantic mean?

Answer 1

Meaning.

Question 2

What is the purpose of semantic tags?

Answer 2

Rather than generic tags like div for division, the new semantic tags all describe the content of the tag.

Question 3

What do outliners do?

Answer 3

Outliners can be used as well to generally determine content or what the parts of the page are about.

Question 4

What is HTML5?

Answer 4

HTML5 is a reworking of the organization of HTML, CSS and JavaScript.

Question 5

What are five semantic tags?

Answer 5

< header >, < footer >, < nav >, < main >, < article >, < section >, < aside >, < figure >, < figcaption >, < details >, < summary >, < mark >, < time >.

Question 6

What is <header>?

Answer 6

The top part of a page or section.

Question 7

What is <footer>?

Answer 7

The bottom part of a page or section.

Question 8

What is <nav>?

Answer 8

The place for interfaces like menus.

Question 9

What is <main>?

Answer 9

The main content area (not header, footer, nav).

Question 10

What is <article>?

Answer 10

A self-contained composition (document or such).

Question 11

What is <section>?

Answer 11

A chapter, etc. of an article or the main content.

Question 12

What is <aside>

Answer 12

Supporting content or related information.

Question 13

What is <figure>?</figure>

Answer 13

Diagrams, pictures, illustrations, etc.

Question 14

What is <figcaption>?

Answer 14

Text to describe a figure.

Question 15

What is <details>?</details>

Answer 15

Extra information that can be viewed.

Question 16

What is <summary> and what can it only be used for?

Answer 16

A summary title for the detail tag only.

Question 17

What is < mark > ?

Answer 17

For highlighted parts of text.

Question 18

What is <time>?</time>

Answer 18

Show a date and time.

Question 19

Why should HTML5 semantic tags have heading tags (h1, h2, h3 and so forth)?

Answer 19

HTML 5 Semantic Tags should have heading tags (h1, h2, h3, etc) applied so that outliners are descriptive.

Question 20

What does display:none do?

Answer 20

It hides tags.

Question 21

What are web pages hosted on?

Answer 21

Servers (just computers with software hooked up to the internet). Most common servers are Apache servers.

Question 22

Why do we use File Transfer Protocol(FTP)?

Answer 22

We use FTP to upload the server and download from the server to our local files.

Question 23

What permissions can we place on files?

Answer 23

Read, write and execute on the files.

Question 24

What is the purpose of forms?

Answer 24

Forms allow users to submit information to the site.

Question 25

What are some components of forms?

Answer 25

Form, Input, TextArea, Select, Buttons, CGI Format.

Question 26

What are some basic form tags?

Answer 26

Form, input, select, option.

< form method=post action=URL >

< input name=id type=text value=”start value” size=40 >

< input name=id type=checkbox checked >

< input name=id type=radio checked >

< select name=id multiple size=10 >

<option>Option One</option>

< option value=”2”>Option Two</option >

< textarea name=id rows=5 cols=50>start value</textarea >

< input name=id type=hidden value=”extra info” >

< input name=id type=submit value=”Submit” >

Question 27

What is <form method=post action=URL> ?

Answer 27

The main form tag. Method can be post or get. Post is invisble and holds more data. Get shows on the command line and can be bookmarked or shared. The action parameter is the URL where the form data is sent.

Question 28

What is < input name=id type=text value=”start value” size=40 > ?

Answer 28

A basic text input. The name parameter is required to receive the data on the server.

Question 29

What is < input name=id type=checkbox checked > ?

Answer 29

A checkbox for individual boolean.

Question 30

What is < input name=id type=radio checked > ?

Answer 30

A radiobutton for multiple discrete options.

Question 31

What is < select name=id multiple size=10 > ?

Answer 31

A pulldown menu - size makes this a select box. Do not include a size for a single line pulldown.

Question 32

What is <option>Option One</option> ?

Answer 32

An option tag - these are nested in the select to make the options for the select. This one will be selected.

Question 33

What is <option>Option Two</option> ?

Answer 33

Another option - this one has a custom value rather than its label for a value.

Question 34

What is < textarea name=id rows=5 cols=50>start value< /textarea > ?

Answer 34

A multi-line text area.

Question 35

What is < input name=id type=hidden value=”extra info” > ?

Answer 35

A hidden field for passing extra information not seen on the form.

Question 36

What is < input name=id type=submit value=”Submit” > ?

Answer 36

A button that will submit the form.

Question 37

What are some components of form validation?

Answer 37

Regular Expressions, e-mail, HTML5 Required Parameter

Question 38

What are regular expressions?

Answer 38

Are a way to pattern match and if desired, replace patterns.

Question 39

How do you apply Regular Expressions?

Answer 39

Through match(), replace(), search() and split() methods.

Question 40

List five regular expression parameters?

Answer 40

\ Escapes any special character. Eg. . means a . not any character.

. A single character (any character).

• Zero or more of the previous character. Eg. a* zero or more a characters.

+ One or more of the previous character.

? Zero or one of the previous character.

() A group.

{n} n times of the previous character.

{n,} n or more times of the previous character.

{n,m} n to m of the previous character.

[ ] Any character in this list.

[^] Not any character in this list.

• Range - used in []. Eg. [a-zA-Z0-9] - would match a-z, A-Z or 0-9

\d Decimal.

\D Not a Decimal.

\s Space.

\S Not a space.

\w Word character. (A-Z, a-z, 0-9, _)

\W Not a word character.

\t Tab.

\n New Line.

OR - (good|bad)