In this assignment you will be writing CSS code for the provided HTML documents
ID: 3851343 • Letter: I
Question
In this assignment you will be writing CSS code for the provided HTML documents and uploading both to the webspace.
NOTE: You can choose to use internal or external stylesheet for just to get more practice on CSS. Instructions Open the provided image files HW#2a.PNG,HW#2a1.PNG,HW#2b.PNG Think about how you want to style it. This work is assigned to make you more skilled at applying CSS styles. You may externally link your “HW-2a.css” to the “HW-2a.html” file (and similarly for your second file “HW-2b.css” to the “HW-2b.html” file ) you would be creating from image files listed above using the appropriate tag and attributes. You should add box besides the color, font and text properties that you have learned.
HW-2a.html
HW-2b.html
C+2 c a The goal of this exerc is to become more skilled at applying CSS styles. Try to apply styles to the original table ow to create something along the lines of the table below. Nobody beats the Wiz!! Unlimited jobs Best benefits anywhere Nobody beats the Wiz Unlimited Jobs Best benefits anywhere Call now for an appointment 8:59 AM Type here to search 6/23/2017Explanation / Answer
Please find the answers for Two HTML Pages:
1A)HTML Code for 1st Image:
            First name:              <input type="text"/><br>
            <span id="LastNameId">Last name:</span>              <input type="text"/><br>
            E-mail:                    <input type="text"/><br>
            <span id="LastNameId">I like scoks:        
         <input type="radio" value="Yes">Yes|<input type="radio" value="No">No</span><br>
            Sock colors that I like:<input type="checkbox"> Red<input type="checkbox"> Blue<br>
                               
                <input type="checkbox"> Black<input type="checkbox">Yellow<br>
            <span id="LastNameId">Sock colors that I dislike:  
<input type="checkbox"> Silver<input type="checkbox"> Tan<br>
                               
                        <input type="checkbox"> Salad<input type="checkbox">Garnet</span>
<p>Least favorite sock color:        <select>
<option value="Orange">Orange</option>
<option value="Green">Green</option>
<option value="Red">Red</option>
</select>
<p><span id="LastNameId">                        
<button type="button">Submit me</button>
            
<button type="button">Clear</button></span></p>
1B)External CSS Code for first Image:
#SpanId
{
background-color:SteelBlue;
}
2A)HTML Code for Second Image:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="HW-2b.css">
</head>
<p>The goal of this exercise is to become more skilled at applying CSS styles. Try to apply styles to the
<a href>original table(below)</a>to create something along the lines of the table below.</p><body>
<div>
            First name:              <input type="text"/><br>
            <span id="LastNameId">Last name:</span>              <input type="text"/><br>
            E-mail:                    <input type="text"/><br>
            <span id="LastNameId">I like scoks:        
         <input type="radio" value="Yes">Yes|<input type="radio" value="No">No</span><br>
            Sock colors that I like:<input type="checkbox"> Red<input type="checkbox"> Blue<br>
                               
                <input type="checkbox"> Black<input type="checkbox">Yellow<br>
            <span id="LastNameId">Sock colors that I dislike:  
<input type="checkbox"> Silver<input type="checkbox"> Tan<br>
                               
                        <input type="checkbox"> Salad<input type="checkbox">Garnet</span>
<p>Least favorite sock color:        <select>
<option value="Orange">Orange</option>
<option value="Green">Green</option>
<option value="Red">Red</option>
</select>
<p><span id="LastNameId">                        
<button type="button">Submit me</button>
            
<button type="button">Clear</button></span></p>
</div>
<p>Original form:</p>
<br>
<hr>
<br>
<p>
            First name:              <input type="text"/><br>
            Last name:              <input type="text"/><br>
            E-mail:                    <input type="text"/><br>
            I like scoks:        
         <input type="radio" value="Yes">Yes|<input type="radio" value="No">No<br>
            Sock colors that I like:<input type="checkbox"> Red<input type="checkbox"> Blue<br>
                               
                <input type="checkbox"> Black<input type="checkbox">Yellow<br>
            Sock colors that I dislike:  
<input type="checkbox"> Silver<input type="checkbox"> Tan<br>
                               
                        <input type="checkbox"> Salad<input type="checkbox">Garnet
<p>Least favorite sock color:        <select>
<option value="Orange">Orange</option>
<option value="Green">Green</option>
<option value="Red">Red</option>
</select>
<p>                        
<button type="button">Submit me</button>
            
<button type="button">Clear</button></p>
</body>
</html>
2B)External CSS code for 2nd Image:
h1 {
background-color: green;
}
div {
background-color: #CCFF66;
}
#LastNameId
{
background-color:Green;
}