Question

In: Computer Science

****** please don't copy and paste and don't use handwriting ****** I need a unique answer...

****** please don't copy and paste and don't use handwriting

****** I need a unique answer

Q1: Write HTML code to get the following output that include the following elements.

  1. The title is: Favorite Books

  2. Large heading with text “Your Favorite Books”

  3. Form that has 3 input values (two text boxes and one drop down list)

  4. Drop-down list contains the following options,

  1. Pearson
    1. Wiley

    2. Mc-Graw Hill

  1. Submit information to “books.php” using GET request.

Q2:Display a simple message "Welcome" on your demo webpage. When the user hovers over the message, a popup should be displayed with a message "Welcome to our new WebPage!!!".

Q3:

Create XHTML and CSS file to show your information. Style the table to match the on in the picture. You are allowed to choose your preferred colors; however, you cannot change the style of the table.

  • The table must be centered in the page

  • Heading font is Times New Roman

  • Text in table cells must be centered

Solutions

Expert Solution

Solution :

(1) In this part i have used 2 textboxes and 1 Dropdown List with 3 inputs. And also a submit button is used with get method and the button action is set to books.php when clicked. The heading of the page is favourite books as required.The code and output is given below:

Code :

<!DOCTYPE html>
<html>
<head>
<title>Favourite Books</title>
</head>
<body>
<center>
<h1>YOUR FAVOURITE BOOKS</h1>

<form action="books.php" method="get">
<label for="t1">TextBox1 :</label>
<input type="text" id="t1" name="t1"><br><br>
<label for="t2">Textbox2 :</label>
<input type="text" id="t2" name="t2"><br><br>
<label for="Ddown">Dropdown List :</label>
<select id="Ddown" name="Ddown">
<option value="Pearson">Pearson</option>
<option value="Wiley">Wiley</option>
<option value="Mc-Graw Hill">Mc-Graw Hill</option>
</select><br><br><br><br>
<input type="submit" value="Submit">
</form>
</center>


</body>
</html>

Output :

All the things are aligned in center but since i have cropped the screenshot it may not seem in center.You can also see the heading here at top left corner.

(2) I have used Tooltip o display a pop message while hovering on the message.Tooltip used to gove extra in formation when user hover over some elements.Html and Css is used.The code and output is below:

Code :

<!DOCTYPE html>
<html>
<style>
.tooltip {
position: relative;
display: inline-block;
font-size : 20px;
}

.tooltip .tooltiptext {
visibility: hidden;
width: 150px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
  
/* Position the tooltip */
position: absolute;
z-index: 1;
top: -5px;
left: 105%;
}

.tooltip:hover .tooltiptext {
visibility: visible;
}
</style>
<body style="text-align:center;">


<div class="tooltip">Welcome
<span class="tooltiptext">Welcome to our new webpage</span>
</div>
</body>
</html>

Output:

It should display like this when we hover on welcome.The message with blackground is the popup message.

(3) As for this part you have not provided the picture of the table as mentioned in the question for us to match the table requirements.So i am providing you the table with the remaining conditions.

Code:

<!DOCTYPE html>
<html>
<head>
<style>
#customers {
font-family: "Times New Roman", Times, serif;
border-collapse: collapse;
width: 100%;
}

#customers td, #customers th {
border: 1px solid #ddd;
padding: 8px;
text-align:center;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #4CAF50;
color: white;
text-align:center;
}
</style>
</head>
<body>
<center>
<table id="customers">
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Person1</td>
<td>123</td>
<td>US</td>
</tr>
<tr>
<td>Person2</td>
<td>456</td>
<td>Mexico</td>
</tr>
<tr>
<td>Person3</td>
<td>789</td>
<td>Austria</td>
</tr>

</table>
</center>
</body>
</html>

Output:

The table will be printed in the center of the webpage for sure. Just for the better view of the table i have cropped it.The heading of the table is in TImes New roman.Heading is in the center with all the other entries.I have also used Css to get a hover effect on rows.

Do mention if any problem.

Thanks.I hope you like the code.PLEASE VOTE UP ;)


Related Solutions

****** please don't copy and paste and don't use handwriting ****** I need a unique answer...
****** please don't copy and paste and don't use handwriting ****** I need a unique answer Q3: According to Ed Leonard, the CTO at DreamWorks “Shrek 3 consumed 20 million CPU render hours with 3000+ server CPUs, with 24TB file size”. Suppose the personal computer CPU advanced so much so that we accomplished that goal by fabricating 3000-core Processor Motherboard. Would this new multicore machine perform as well as the parallel processing employed by DreamWorks? Give 2 justifications to support...
** please don't use handwriting ** please don't copy and paste i need unique answer.. PHC...
** please don't use handwriting ** please don't copy and paste i need unique answer.. PHC 271 Case Study (2) A 52-year-old gentleman comes to your office with a history of intermittent difficulty swallowing solid food. His symptoms have been present for the past 5 years. He points to his supraclavicular notch when describing where the food feels stuck, although he can chew his food and transfer it into his posterior pharynx without difficulty. He does not choke or cough...
** please don't use handwriting ** please don't copy and paste i need unique answer.. PHC...
** please don't use handwriting ** please don't copy and paste i need unique answer.. PHC 216 Choose any ethical issue in healthcare that interests you in medical ethics. (in 500 words) Explain why you selected this topic and why it merits in-depth analysis. Analyze the implications of the issue for both society and the individual.
( i need Unique answer, don't copy and paste, please) (dont' use handwriting, please). (i need...
( i need Unique answer, don't copy and paste, please) (dont' use handwriting, please). (i need references URL Link) General Question ** How to perform logistic regression in SPSS?
( i need Unique answer, don't copy and paste, please) (dont' use handwriting, please) (i need...
( i need Unique answer, don't copy and paste, please) (dont' use handwriting, please) (i need your reference URL Link) 1. Discuss charismatic traits and behaviors of a leader. How a person can manage relationship in workplace? i need more explain ( i need Unique answer, please) *** Please i need Unique answer, if you don't have unique answer don't answer ***
( i need Unique answer, don't copy and paste, please) (dont' use handwriting, please) (i need...
( i need Unique answer, don't copy and paste, please) (dont' use handwriting, please) (i need your reference URL Link) 1. Discuss charismatic traits and behaviors of a leader. How a person can manage relationship in workplace? i need more explain ( i need Unique answer, please) *** Please i need Unique answer, if you don't have unique answer don't answer ***
( i need Unique answer, don't copy and paste, please) (dont' use handwriting, please) (i need...
( i need Unique answer, don't copy and paste, please) (dont' use handwriting, please) (i need your reference URL Link) 1. Discuss charismatic traits and behaviors of a leader. How a person can manage relationship in workplace? i need more explain ( i need Unique answer, please) *** Please i need Unique answer, if you don't have unique answer don't answer ***
please i need unique answer , don't copy and paste ,, don't use handwriting.. Q1. Dala...
please i need unique answer , don't copy and paste ,, don't use handwriting.. Q1. Dala Corporation is considering a project, which will involve the following cash inflows and (out) flows Details Amount Initial Outlay SAR (400000) After 1 Year SAR 40000 After 2 Years SAR 300000 After 3Years SAR 300000 What will be the NPV of this project if a discount rate of 15% is used? Answer No1: Discount Rate Used NPV 10% SAR 1,30,000 15% SAR 50,000 20%...
please i need unique answer , don't copy and paste ,, don't use handwriting.. can you...
please i need unique answer , don't copy and paste ,, don't use handwriting.. can you complete my answer , i need you answer b only Question: 3- Al Yamamah Steel Industries Co. uses the step method for allocating the costs of its service departments to operating departments. The company has two support departments (Human Resource and Information Technology) and two operating departments (Hot Rolled Hollow Steel and Cold Rolled Hollow Steel). Al Yamamah Steel Industries Co. decided to allocate...
Please, i need Unique answer, Use your own words (don't copy and paste). *Please, don't use...
Please, i need Unique answer, Use your own words (don't copy and paste). *Please, don't use handwriting. *Please, don't use handwriting.*Please, don't use handwriting.*Please, don't use handwriting.*Please, don't use handwriting.*Please, don't use handwriting.*Please, don't use handwriting.*Please, don't use handwriting.*Please, don't use handwriting.*Please, don't use handwriting.*Please, don't use handwriting.*Please, don't use handwriting.*Please, don't use handwriting.*Please, don't use handwriting. _______________ Solve the following questions Q1 Construct a cumulative frequency distribution of the 20 brain volumes(cm3) listed below. Use the classes 900-999, 1000-1099,...
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT