Academic Integrity: tutoring, explanations, and feedback — we don’t complete graded work or submit on a student’s behalf.

You may externally link your “HW6-2a.css” to the “HW6-2a.html” file (and similar

ID: 3852040 • Letter: Y

Question

You may externally link your “HW6-2a.css” to the “HW6-2a.html” file (and similarly for your second file “HW6-2b.css” to the “HW6-2b.html” file ) you would be creating from image files listed above using the appropriate tag and attributes.

Add box besides the color, font and text properties.

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>EC#2b</title>
<style type="text/css">
.light {
      border: 1px #333366 solid;
        background-color: #CCFF66;
        color: #333366;
}
</style>  
</head>
<body>
<div>
<p>The goal of this exercise is to become more skilled at applying
CSS styles. Try to apply styles to the <a href="#orig">original form (below)</a> to
create something along the lines of the form below. </p>
<form action="#" method="get" autocomplete = "off">
<table cellspacing="0">
<tr>
<td >First name:</td>
<td ><input type="text" name="firstname" class="light"/>
</td>
</tr>
<tr>
<td>Last name:</td>
<td><input type="text" name="lastname"class="light"/>
</td>
</tr>
<tr>
<td>E-mail:</td>
<td><input type="text" name="email" class="light"/>
</td>
</tr>
<tr>
<td>I like socks:</td>
<td>
<input type="radio" name="socks" value="Yes" />
Yes |
<input type="radio" name="socks" value="No" />
No</td>
</tr>
<tr>
<td>Sock colors that I like:</td>
<td><table width="100%" border="0" cellspacing="0">
<tr>
<td><input type="checkbox" name="colorsLiked[]" value="red" />
Red</td>
<td><input type="checkbox" name="colorsLiked[]" value="black" />
Blue</td>
</tr>
<tr>
<td><input type="checkbox" name="colorsLiked[]" value="blue" />
Black</td>
<td><input type="checkbox" name="colorsLiked[]" value="yellow" />
Yellow</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>Sock colors that I <strong>dislike</strong>:</td>
<td><table width="100%" border="0" cellspacing="0">
<tr>
<td><input type="checkbox" name="colorsDisliked[]" value="silver" />
Silver</td>
<td><input type="checkbox" name="colorsDisliked[]" value="tan" />
Tan</td>
</tr>
<tr>
<td><input type="checkbox" name="colorsDisliked[]" value="salad" />
Salad</td>
<td><input type="checkbox" name="colorsDisliked[]" value="garnet" />
Garnet</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>Least favorite sock color:</td>
<td><select name="leastFavColor">
<option value="orange">Orange</option>
<option value="plaid">Plaid</option>
<option value="purple">Purple</option>
<option value="pink">Pink</option>
</select>
</td>
</tr>
<tr>
<td><input type="submit" value="Submit me"/>
</td>
<td><input type="reset" value="Clear"/></td>
</tr>
</table>
</form>
</div>
<p><a></a>Original form:</p>
<form action="#" method="get" autocomplete = "off">
<table width="400" border="0" cellpadding="3" cellspacing="0">
<tr>
<td colspan="2"><hr /></td>
</tr>
<tr>
<td>First name:</td>
<td><input type="text" name="firstname" /></td>
</tr>
<tr>
<td>Last name:</td>
<td><input type="text" name="lastname" /></td>
</tr>
<tr>
<td>E-mail:</td>
<td><input type="text" name="email" /></td>
</tr>
<tr>
<td colspan="2"><hr /></td>
</tr>
<tr>
<td>I like socks:</td>
<td>
<input type="radio" name="socks" value="Yes" />
Yes |
<input type="radio" name="socks" value="No" />
No</td>
</tr>
<tr>
<td>Sock colors that I like:</td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="3">
<tr>
<td><input type="checkbox" name="colorsLiked[]" value="red" />
Red</td>
<td><input type="checkbox" name="colorsLiked[]" value="black" />
Blue</td>
</tr>
<tr>
<td><input type="checkbox" name="colorsLiked[]" value="blue" />
Black</td>
<td><input type="checkbox" name="colorsLiked[]" value="yellow" />
Yellow</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>Sock colors that I <strong>dislike</strong>:</td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="3">
<tr>
<td><input type="checkbox" name="colorsDisliked[]" value="silver" />
Silver</td>
<td><input type="checkbox" name="colorsDisliked[]" value="tan" />
Tan</td>
</tr>
<tr>
<td><input type="checkbox" name="colorsDisliked[]" value="salad" />
Salad</td>
<td><input type="checkbox" name="colorsDisliked[]" value="garnet" />
Garnet</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>Least favorite sock color:</td>
<td><select name="leastFavColor">
<option value="orange">Orange</option>
<option value="plaid">Plaid</option>
   <option value="purple">Purple</option>
   <option value="pink">Pink</option>
</select></td>
</tr>
<tr>
<td colspan="2"><hr /></td>
</tr>
</table>
<p><input type="submit" value="Submit me"/> <input type="reset" value="Clear" /></p>
</form>
</body>
</html>

Explanation / Answer

<html >

<body>
<form action="#" method="get" autocomplete = "off">
<table width="400" border="0" cellpadding="3" cellspacing="0">
<tr>
<td colspan="2"><hr /></td>
</tr>
<tr>
<td>First name:</td>
<td><input type="text" name="firstname" /></td>
</tr>
<tr>
<td>Last name:</td>
<td><input type="text" name="lastname" /></td>
</tr>
<tr>
<td>E-mail:</td>
<td><input type="text" name="email" /></td>
</tr>
<tr>
<td colspan="2"><hr /></td>
</tr>
<tr>
<td>I like socks:</td>
<td>
<input type="radio" name="socks" value="Yes" />
Yes |
<input type="radio" name="socks" value="No" />
No</td>
</tr>
<tr>
<td>Sock colors that I like:</td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="3">
<tr>
<td><input type="checkbox" name="colorsLiked[]" value="red" />
Red</td>
<td><input type= "checkbox" name="colorsLiked[]" value="black" />
Black</td>
</tr>
<tr>
<td><input type="checkbox" name="colorsLiked[]" value="blue" />
Blue</td>
<td><input type="checkbox" name="colorsLiked[]" value="yellow" />
Yellow</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>Sock colors that I <strong>Dislike</strong>:</td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="3">
<tr>
<td><input type="checkbox" name="colorsDisliked[]" value="silver" />
Silver</td>
<td><input type="checkbox" name="colorsDisliked[]" value="tan" />
Tan</td>
</tr>
<tr>
<td><input type="checkbox" name="colorsDisliked[]" value="salad" />
Salad</td>
<td><input type="checkbox" name="colorsDisliked[]" value="garnet" />
Garnet</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>Least favorite sock color:</td>
<td><select name="leastFavColor">
<option value="orange">Orange</option>
<option value="plaid">Plaid</option>
<option value="purple">Purple</option>
<option value="pink">Pink</option>
</select></td>
</tr>
<tr>
<td colspan="2"><hr /></td>
</tr>
</table>
<p><input type="submit" value="Submit me"/> <input type="reset" value="Clear" /></p>
</form>
</body>
</html>

Related Questions

You manage an equity fund with an expected risk premium of 13.4% and a standard
Question #2776005
You manage an ice cream factory that makes two flavors: Creamy Vanilla and Conti
Question #2982778
You manage an ice cream factory that makes two flavors: Creamy Vanilla and Conti
Question #3135879
You manage an ice cream factory that makes two flavors: creamy vanilla and conti
Question #3096774
You manage an independent septic treatment facility at a university – waste wate
Question #482498
You manage an index fund of the Dow Jones Index. You believe the Dow Jones Index
Question #2827435
You manage an index fund that is an exact replica of the market index. The marke
Question #2657686
You manage inventory for a “Super Center” take-out deli department that is open
Question #332092
Hire Me For All Your Tutoring Needs
Integrity-first tutoring: clear explanations, guidance, and feedback.
Drop an Email at
drjack9650@gmail.com
Chat Now And Get Quote

Navigate

Previous
You may earn additional 5 extra points if you simulate the real lottery \"MEGA M
Next
You may find the following online simulation useful when calculating the GHK equ

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.