Create a web page that looks like the attached document. FYI-Use spacing and ind
ID: 3742892 • Letter: C
Question
Create a web page that looks like the attached document.
FYI-Use spacing and indenting in your html code to give it a professional appearance and make it easy to read and debug (points will be subtracted if missing)
Create a webpage that has the folowing properties Your Name (font size 24, Bold) School, Dept. (font size 20, bold) Major: (font size 18, bold) Email: (font size 16, bold) Course 1 Course 3 Courses Taken this semsterlfont size 16, Course 2 Feedback Form Name Comments mal Adiress Things you Liked Site Design links Ease of Use How did you get to our site? Internet Search° Reference OOthero Rate our Site: (Drop Down Menu from 10-1) SUBMIT CLEARExplanation / Answer
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
body {font-family: Arial, Helvetica, sans-serif;}
* {box-sizing: border-box;}
input[type=text], select, textarea {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical;
}
input[type=submit] {
background-color: #3361FF;
color: white;
padding: 12px 20px;
border: none;
border-radius: 8px;
cursor: pointer;
}
input[type=clear] {
background-color: #3361FF;
color: white;
padding: 12px 20px;
border: none;
border-radius: 8px;
cursor: pointer;
width:80px
}
.container {
border-radius: 5px;
background-color: #f2f2f2;
padding: 20px;
}
</style>
</head>
<body>
<h3>Michael Jordan</h3>
<h3>Marytime High School</h3>
<h3>Dept:Computer Science</h3>
<h3>Major:Java</h3>
<h3>Email:michaelJordan93@test.com</h3>
<div class="container">
<form action="#">
<table>
<tr>
<th>Courses Taken This Semester</th>
<th>Course 1</th>
<th>Course 2</th>
<th>Course 3</th>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<label for="name"> Name</label>
<input type="text" id="name" name="Fullname" placeholder="Enter Your name">
<label for="subject">Comments</label>
<textarea id="subject" name="subject" placeholder="Write yor Feedback"></textarea>
<label for="fname"> Email Address</label>
<input type="text" id="eadd" name="Email" placeholder="Enter Your Email ID">
<lable><b>Things You liked</b></lable>
<br/>
<br/>
<label class="container">Site Design
<input type="checkbox">
<span class="checkmark"></span>
</label>
<label class="container">Links
<input type="checkbox">
<span class="checkmark"></span>
</label>
<label class="container">Ease of use
<input type="checkbox">
<span class="checkmark"></span>
</label>
<br/>
<br/>
<lable><b>How did you get to our site</b></lable>
<br/>
<br/>
<label class="container">Internet Search
<input type="checkbox">
<span class="checkmark"></span>
</label>
<label class="container">References
<input type="checkbox">
<span class="checkmark"></span>
</label>
<label class="container">Others
<input type="checkbox">
<span class="checkmark"></span>
</label>
<br/>
<br/>
<lable><b>Rate our site</b></lable>
<select>
<option value="select">Select</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<br/>
<br/>
<input type="submit" value="Submit">
     
<input type="clear" value="Clear">
</form>
</div>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.