HTML & CSS- part 8

Question 1

Tables sometimes put spaces between the cells. You may only notice this if you’re using a border.

How do you get rid of these spaces?

Answer 1

table {

border-collapse: collapse;

}

Question 2

How do you add spaces between each cell, whether or not there are visible borders?

Answer 2

table {
border-spacing: 3m;
}

Question 3

What’s the difference between setting the width for <table> and the width for <th> or <td>?

Answer 3

For <table>, the percentage is of the WHOLE PAGE OR DIV

But for <th> or <td>, the percentage is of the TABLE, not the page/div.

Question 4

What are the options for horizontal alignment in a table? (Or elsewhere)

Answer 4

text-align: left, right, center, justify;

Question 5

What are the options for vertical alignment in a table?

Answer 5

vertical-align: top, center, bottom;

Question 6

Which kind of element does vertical-align not work in?

Answer 6

<table>
Instead, you have to do it direcdtly for <th> and <td>

Question 7

What’s the default horiz. alignment for <td>?

Answer 7

<td> default alignment is left

Question 8

What’s the default horiz. alignment for <th>?

Answer 8

<th> default alignment is center

Question 9

What’s the default vertical alignment for both <td> and <th>?

Answer 9

Vertical alignment default for both <td> and <th> is center

Question 10

What’s a nice way to make the rows stand out?

Answer 10

background-color:

Question 11

What are the attributes of a <form> tag?

Answer 11

action
method

Question 12

In a <form> tag, what does the attribute “action” do?

Answer 12

“action” tells the browser what to do with the info typed into the form.

In the case of “send-email.php”, this might send an email to the site owner that includes the data the user has entered.

Or a program might write the data entered by the user to a database on the server.

Or a program might process credit card information entered in a form.

There are all kinds of programs, written in various languages, that can process data from a form. The languages include PHP, Ruby, Python, Perl, Java, and C#.

Question 13

In a <form> tag, what does the attribute “method” do?

Answer 13

Indicates HOW to process the information from the form

Question 14

What are the two options for “method” in a <form> tag?

Answer 14

method=”post”

This is the one you use to process more than a little bit of information

Use it when you want to keep the information secure.

method=”get”

This is used mostly for search forms.

You know a form is using the get method when the information entered in the form (connected by plus signs) appears in the URL after you click Submit.

Question 15

What’s the basic structure of a <form> tag with its controls?

Answer 15

<form>

form elements such as
text
textarea
submit buttons,
radio buttons
checkboxes
select box, etc.

</form>

Question 16

In the world of <form>, what is the input type “text”?

Answer 16

one single-line text field

Question 17

When coding a form input type, how do you code the controls? With a colon? An equals sign? Quotes?

Answer 17

Controls in forms are coded with an equals sign and double quotes:

<input type=”text” name=”surname” size=”25” maxlength=”40”>

Question 18

In the form input type “text”, what are the parts and what are their purposes?

Answer 18

type= either “text” or “password”

name= tells the program that’s processing the data what to call the information that the user enters in that field.

size= width in characters of the input form. Optional. Defaults to 20.

maxlength= how long the input data can be. Optional. Defaults to unlimited characters.

Question 19

In the world of <form>, what is the input type “textarea”?

Answer 19

a multi-line text box.

Question 20

Is the form input type “textarea” an open or closed tag?

Answer 20

Closed:

<textarea>
</textarea>

Question 21

In the form input type “textarea”, what are the parts and what are their purposes?

Answer 21

name= tells the program that’s processing the data what to call the information that the user enters in that field.

rows= number of rows*

cols= number of columns**

closing tag= </textarea>

\ <textarea></textarea>

*By default, entered text will scroll if the user types beyond the specified number of rows.

**By default, the field can be resized by the user when she drags the lower-right corner with the mouse.