HTML

Question 1

HTML is a subset of ______.

Answer 1

HTML is a subset of XML.

Question 2

Every web page has the same basic ______ no matter how extensive the contents of each page

Answer 2

Every web page has the same basic structure no matter how extensive the contents of each page

Question 3

The also contains meta tags which are used to denote information about the document.

Answer 3

The also contains meta tags which are used to denote information about the document.

Question 4

<a> </a>

Answer 4

<a> Anchor</a>

Used to link to another part of the page or a new page altogether.</a>

Question 5

<h1>, <h2>,<h3>, <h4>, <h5>, <h6></h6></h5></h4></h3></h2></h1>

Answer 5

<h1>, <h2>,<h3>, <h4>, <h5>, <h6> Headings

Implementation of headings and subheadings may not be as straightforward as it seems.</h6></h5></h4></h3></h2></h1>

Question 6

Semantic elements allow developers to describe content _______.

Answer 6

Semantic elements allow developers to describe content more precisely.

Question 7

A header navigation with a list of links should be marked up like so:

Answer 7

<ul>
<li><a>Home </a></li>
<li><a>Contact </a></li>
<li><a>Blog </a></li>
</ul>

Question 8

The “href” attribute is the ____.

Answer 8

The “href” attribute is
1. url that the link points towards 2. the “target” attribute would mean the page would open up in a new browser window/tab.

<a>Link to Google</a>

Question 9

The “_____” attribute states the path to the image file.

The “_____” attribute provides information about the image if the file was not found or if the document reader cannot process the image.

Answer 9

The “src” attribute states the path to the image file .

The “alt” attribute provides information about the image if the file was not found or if the document reader cannot process the image.

<img></img>

Question 10

What are block-level elements?

Answer 10

Block-level elements are those that start a new line with the opening tag and then start another new line after the closing tag.

An example of this would be the <p> </p> paragraph tags or the <h1> </h1> heading tags or the section tags

Question 11

The “_____” attribute states the path to the image file

The “_____” attribute provides information about the image if the file was not found or if the document reader cannot process the image.

Answer 11

The “src” attribute states the path to the image file

The “alt” attribute provides information about the image if the file was not found or if the document reader cannot process the image.

Question 12

What are block-level elements?

Answer 12

Block-level elements are those that start a new line with the opening tag and then start another new line after the closing tag.

An example of this would be the <p> </p> paragraph tags or the <h1> </h1> heading tags or the section tags

Question 13

What are inline elements?

Answer 13

Inline elements are inserted into a block-level element and do not interrupt the flow of the content.

Examples of inline tags:
<a> </a> - specifies an anchor to a hyperlink destination
<strong> </strong> - all text between tags would be set apart (default is bold…see Physical versus Logical below)
<em> </em> - all text between tags would be emphasized (default is italic…see Physical versus Logical below)
<img></img> - specifies an image; this tag is a self-closing tag (note the / before the >)

Question 14

Forms are groups of fields that allow users to enter _____, check-off _____, pick from _____, click _____, etc.

Answer 14

Forms are groups of fields that allow users to enter text, check-off boxes, pick from lists, click buttons, etc.

Question 15

When you want to retrieve information from your user, HTML allows you to receive user input by creating ______.

Answer 15

When you want to retrieve information from your user, HTML allows you to receive user input by creating forms.

Question 16

______ are groups of fields that allow users to enter text, check-off boxes, pick from lists, click buttons, etc.

Answer 16

Forms are groups of fields that allow users to enter text, check-off boxes, pick from lists, click buttons, etc.

Question 17

Steps to designing usable forms:

Answer 17

1. Identify the types of information you want to collect from your user (ex. Should the name field be one field or split into first and last perhaps for sorting)
2. Create a logical flow to help facilitate user entry (ex. Is data better collected from left to right or from top to bottom?)
3. Include labels and placeholder information so it is clear to the user what you are asking for General Guidelines for Planning a Form

Question 18

General Guidelines for Planning a Form:

Answer 18

1. Plan out the web form.
   - What information needs to be collected? Who are the users? What is the purpose?
2. Decide which controls to use.
   - Which controls will work best for each type of input needed?
3. Decide on other options. - How organized? Easy to use? Tips for users?
4. Use best practices to create Web Form
5. Test the web page

Question 19

Describe Autofocus Attribute:

Answer 19

Automatically focus on one particular form field

Question 20

Describe Placeholder Attribute:

Answer 20

Provide a hint to the user of what can be entered into a field.

Placeholder text must not contain line break

Question 21

Describe Required Attribute:

Answer 21

Make a field required (will not submit without a value)

Question 22

We can pass information to a PHP script via the ___ method or the ____ method.

These methods are defined in an HTML form and the _____ method adds variables at the end of the URL.

Answer 22

We can pass information to a PHP script via the GET method or the POST method.

These methods are defined in an HTML form and the GET method adds variables at the end of the URL.

Question 23

The ____ method produces a long string that appears in your server logs, in the browser’s

Location: box and is recognized by search engines

Answer 23

The GET method produces a long string that appears in your server logs, in the browser’s

Location: box and is recognized by search engines

Question 24

Using GET, the URL is formatted with name-value pairs.

Answer 24

http://yourwebsite.com/form-processor.php?name1=value1&name2=value2&name3=value3

Question 25

The ___ method is restricted to send a maximum number of characters, depending on the browser.

Answer 25

The GET method is restricted to send a maximum number of characters, depending on the browser.

Question 26

Never use ____ method if you have password or other sensitive information to be sent to the server since it is publicly viewable

Answer 26

Never use GET method if you have password or other sensitive information to be sent to the server since it is publicly viewable

Question 27

GET can’t be used to send _____ data, like images or word documents, to the server.

Answer 27

GET can’t be used to send binary data, like images or word documents, to the server.

Question 28

POST method transfers information via _____.

Answer 28

POST method transfers information via HTTP headers.

Question 29

POST method does not have any restriction on _______ to be sent.

Answer 29

POST method does not have any restriction on data size to be sent.

Question 30

POST method can be used to send ____ as well as _____.

Answer 30

POST method can be used to send ASCII as well as binary data.

Question 31

Data sent by POST method goes through HTTP header so security depends on HTTP _______.

By using ______ ______ you can make sure that your information is secure.

Answer 31

Data sent by POST method goes through HTTP header so security depends on HTTP protocol.

By using Secure HTTP you can make sure that your information is secure.

Question 32

The action attribute of your form itself is the _______ _____ that your form and variables will be submitted to.

Answer 32

The action attribute of your form itself is the processing page that your form and variables will be submitted to.

Question 33

Metadata is data that _______.

Answer 33

Metadata is data that describes data.

Question 34

The icon in the browser tab (_____) and mobile icons can be configured.

Answer 34

The icon in the browser tab (favicon) and mobile icons can be configured.