CSS - Forms/Tables/Nested Lists/ Cropping Images

Question 1

Where can you find the measurements of an image from local computer in a code file?

Answer 1

At the bottom, in blue - says ‘Whole Image’

Question 2

How to adjust size of local image on laptop?

Answer 2

Click on image, open it, and click tools - adjust size

Question 3

<a>Click here to visit Example.com</a> What Target Blank mean?

Answer 3

It will open in a new tab

Question 4

How do you get a link to open in the same tab - replacing the current page.

Answer 4

<a>Link to Example Website</a>

Question 5

What if I wanted to have text below and above another text

Answer 5

< sup > and < sub >

Question 6

What is the difference between strong and em?

Answer 6

one is bold one is italics

Question 7

In a table element what element do we use for table rows?

Table columns and table heading?

Answer 7

tr - table rows.
td - table columns
th - table heading

Question 8

How would we use it in a code - create a table heading of NAME and AGE in a row. Then nest row write Nikki Kam, then next row Laura Kam

Answer 8

<table>
<tr>
<th>NAMe</th>
<th>AGE</th></tr>
<tr>
<td>Nikki</td>
<td>Kam</td>
</tr>
<tr>
<td>Laura</td>
<td>Kam</td>
</tr>
</table>

Question 9

In a form in html what other element do you need to nest inside?

Answer 9

input

Question 10

What attributes does ‘form’ element need?

Answer 10

< form action = “action_page.php” method = “post”>
< /form >

Question 11

What attributes does input element need?

Answer 11

<!-- Input fields go here -->

< input type = “text” name = “fname”><br></br>
< input type= “email” name = “email”><br></br>

Question 12

What attribute does the submit button need?

Answer 12

< input type=”submit” value = “Submit”>

Question 13

What does ‘action’ and ‘method’ attribute mean in a form?

Answer 13

action: This attribute specifies where to send the form data when it is submitted. This can be a URL or a script on the server that processes the data.

method: This attribute specifies the HTTP method to be used when submitting the form. The two most common methods are GET and POST.

Question 14

What are some other input types apart from submit? Name 4.

Answer 14

text, email, password, radio, textarea, date, number etc

Question 15

What does label mean?

Answer 15

associate a label with a form control, such as an input field or a checkbox. The label provides a description or a caption - helpful for accessibility

Question 16

If an input type is a password, what will appear on screen?

Answer 16

password: ****

Question 17

Why is it useful to have a type ‘email’ in email input?

Answer 17

Comes up with an error if no @ symbol