In: Computer Science
Coding – You don’t have to submit the full html document only submit what should be in the <body> element. Be sure to name your form controls, classes and/or ids in a meaningful manor.
1. Create the HTML needed to have the largest heading with your name followed by an ordered list with your top favorite 5 bands, TV shows, movies or books.
2. Create a document that contains 3 hyperlinks. One hyperlink should contain an absolute path, another should contain a relative path, and the last hyperlink should contain your e-mail address.
3. Create a table (border is optional) that contains a caption, headers and data about your 3 favorite bands, TV shows, movies or books. The table must contain at least 2 columns.
4. Create a form that submits to ‘myscript.cfm’ that
includes input from the user. The input should be the user’s
firstname, lastname, and email address. Be sure to include a submit
button.
Dear Student ,
As per the requirement submitted above , kindly find the below solution.
Question 1:
<h1>Virat kohli</h1>
<ol>
<li>Apple</li>
<li>HP</li>
<li>MI</li>
<li>Samsung</li>
<li>LG</li>
<li>Tarak mehta ka ulta cheshma</li>
<li>Singing Idol</li>
<li>Game of Thrones</li>
<li>Stranger Things</li>
<li>Saturday Night</li>
<li>Titanic</li>
<li>Fast and furious</li>
<li>Harry Potter</li>
<li>Pirates of the caribbean</li>
<li>Ironman</li>
</ol>
Screen 1 :
***********************************
Question 2:
<!-- Relative link -->
<a href="home.html">Home.html-Relative link</a>
<br>
<!-- absolute link -->
<a href="http://www.abc.com">abc.com-Absolute link</a>
<br>
<!--hyperlink with email -->
<a href="mailto:abc@abc.com">mail me</a>
*********************
Screen in the browser :
*********************************
Question 3:
<table border=1>
<caption>Favorite bands, TV shows, movies or books</caption>
<tr>
<th>Favorite</th>
<th>Name/Details</th>
</tr>
<tr>
<td rowspan="3">bands</td>
<td>Dawes</td>
</tr>
<tr>
<td>Pink Floyd</td>
</tr>
<tr>
<td>Metallica</td>
</tr>
<tr>
<td rowspan="3">Tv Shows</td>
<td>Game of Thrones</td>
</tr>
<tr>
<td>Stranger Things</td>
</tr>
<tr>
<td>Saturday Night</td>
</tr>
<tr>
<td rowspan="3">Movies</td>
<td>Harry Potter</td>
</tr>
<tr>
<td>Pirates of the caribbean</td>
</tr>
<tr>
<td>Fast and furious</td>
</tr>
</table>
=======================
Screen in the browser :
*************************************
Question 4:
<!-- html form with action and method attribute -->
<form action="myscript.cfm" method="POST">
<!-- lable for first name -->
<label for="txtFirstName">First Name</label>
<!-- textbox for first name -->
<input type="text" id="txtFirstName"/>
<br><br>
<!-- label for lastName -->
<label for="txtLastName">Last Name</label>
<!-- textbox for last name -->
<input type="text" id="txtLastName"/>
<br><br>
<!-- label for email address -->
<label for="txtEmail">Email</label>
<!-- textbox for email -->
<input type="text" id="txtEmail"/>
<br><br>
<!-- submit button -->
<input type="submit" id="btnSubmit"/>
===========================
Screen in the browser :
NOTE : PLEASE FEEL FREE TO PROVIDE FEEDBACK ABOUT THE SOLUTION.