Part 1.PHP Create an html web page with note pad++ with the following elements:
ID: 3814764 • Letter: P
Question
Part 1.PHP Create an html web page with note pad++ with the following elements:
· Style section in head section to specify the background color, text color, font style and font size for the page.
Contains an image(http://blog.worldcampus.psu.edu/wp-
content/uploads/2013/09/shrine2.jpg)
· , link, and mailto: link (use fake email)
· Contains a table 5x5 with each space filled with “null”
· Contains appropriate line breaks (<br>) and header rows (<hr>).
· Contains an inline style specification for a paragraph (use <p>...</p> tags with a different font style and color.
Part 2. Create an HTML Form
Add a form to your web page from Part 1. The action of the form should be to the formmail.cgi script on the personal web server (http://www.personal.psu.edu/cgi-bin/formmail.cgi). The form input elements should be positioned inside a table. The form should include the following elements:
Ask the user their height and select if it is in inches feet or yards and have the program be able to convert it to centimeters, millimeters or meters.
· Text box
· Text area
· Radio button
· Checkbox
· Selection list (using the <select> tag)
· Submit button
· Reset button
Explanation / Answer
<html>
<head>
<style>
h1 {color:red;
font-family: verdana;
font-size: 300%;
font-color:"red"
}
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
</style>
</head>
<body>
<a href="mailto:abcd@chegg.com">Send Mail</a>
<hr>separate mail and table by horizontal line</hr><br><br>
<table>
<tr>
<th>H1</th>
<th>H2</th>
<th>H3</th>
<th>H4</th>
<th>H5</th>
</tr>
<tr>
<td>Null</td>
<td>Null</td>
<td>Null</td>
<td>Null</td>
<td>Null</td>
</tr>
<tr>
<td>Null</td>
<td>Null</td>
<td>Null</td>
<td>Null</td>
<td>Null</td>
</tr>
<tr>
<td>Null</td>
<td>Null</td>
<td>Null</td>
<td>Null</td>
<td>Null</td>
</tr>
<tr>
<td>Null</td>
<td>Null</td>
<td>Null</td>
<td>Null</td>
<td>Null</td>
</tr>
<tr>
<td>Null</td>
<td>Null</td>
<td>Null</td>
<td>Null</td>
<td>Null</td>
</tr>
</table>
<p>Gud Evening Buddy.Hope you guys are enjoying.Gud Evening Buddy.Hope you guys are <br>enjoying .Gud Evening Buddy.Hope you guys are enjoying .vvv.Gud Evening Buddy.Hope you guys are enjoying .Gud Evening Buddy.Hope you guys are enjoying<br> .Gud Evening Buddy.Hope you guys are enjoying Gud Evening Buddy.Hope you guys are enjoying </p>
<table>
<tr>
<form method="post" action="http://www.personal.psu.edu/cgi-bin/formmail.cgi" id="chegg">
<td>
Text box<input type="text" name="text-box">
</td>
<td>
<textarea rows="4" cols="44" name="data" form="chegg" placeholder="enter data">
</textarea>
</td>
<td>
<input type="radio" name="Radio button" value="rado button" checked> Radio Button<br>
</td>
<td>
<input type="checkbox" name="checkbox" value="checkbox" checked>checkbox<br>
</td>
<td>
<select>
<option value="1">option1</option>
<option value="2">option2</option>
<option value="3">option3</option>
</select>
</td>
<td>
<input type="submit" value="Submit">
</td>
<td>
<input type="submit" value="Reset">
</td>
</form>
</tr>
</table>
</body>
</html>