Miami University Html Link Programming Code

Description

Purpose

The purpose of this assignment is to create a new page that contains an HTML table by starting some given code and modifying it, modify your index.html page so that it contains a link to this new page, and then upload both your new pages and your modified index.html files to your tiiny.host account.

Instructions

Open a new Note Pad or TextEdit page.
Copy the following code and then paste into this new page. Copy from <html> to </html>

<html>

<head>

<title>Three Things</title>

background-color: lightyellow; font-family: sans-serif;

}

h1 {

color: midnightblue;

}

table {

margin-left:20px; margin-right: 20px;

border-collapse: collapse;

}

td, th {

border: thin dotted midnightblue; padding: 5px;

color: green

}

caption

{

caption-side: top; font-style:italic; color: midnightblue;

}

</style>

</head>

<body>

<h1>3 Words</h1>

<p>Here are 3 words that I like…</p>

<table>

<caption>Three Things</caption>

<tr>

<th>Knowledge</th>

<th>Random</th>

</tr>

<tr>

Knowledge

Random Fun

</tr>

</table>

</body>

</html>

Modify the code to make a table of 5 things instead of 3 [your table structure can be either 5 columns and 2 rows or 2 columns and 5 rows] and change all of the content to reflect your own content. Your title, headings, and any content should reflect your topic and not include the sample content. Be sure to view the video in this module for modifying a table and only use CSS rules in the <style> section as in the example. Your page can be any 5 things, but your page should have the following:
1. Two cells for each thing one should be a word, link, or description and the other should be an image or link. The example code has the word Joy associated with an image for one of the things.
2. Use a style of table lines that you prefer. In place of the style thin, you can use medium or thick. Instead of dotted, you can use none, dashed, solid, double, groove, ridge, inset, or outset.
3. Style the page with personalized colors and make sure that the title reflects the content.
Modify your index.html home page to include a link to your new page. The code <a href = “5 html”>5 Things</a> would create text on your home page that states 5 Things and clicking the link would open the new page that is named 5 things.html.
You may at this point want to create an images folder where you keep all of your images. To include an image on a page you would have a reference to the name of that image file such as <IMG SRC=webpicture.jpeg> where webpicture.jpeg is the name of the image file. If this image were in an images folder than the reference would be changed to <IMG SRC=images/webpicture.jpeg>
Be certain to save your new 5 things page and your revised index.html file.
Zip all the files and transfer them to your tiiny.host account.
After transferring the files, open a web browser. Check all of your links and make certain both pages display as intended. If not, make adjustments and check again.
Submit your URL in this assignment link.

Example

The example code contains the code “target= _blank” This code allows the external site to be opened in a new page so you can easily return to your original page on your browser. Also note that when load this page, you will again have a broken link icon under the “Joy” heading because you do not have the image.
The general table structure code for a 5 columns and 2 rows table is below:

<tr>

</tr>

<tr>

</tr>



^{Have a similar assignment? "Place an order for your assignment and have exceptional work written by our team of experts, guaranteeing you A results."}

Our Service Charter

1. Professional & Expert Writers: Eminence Papers only hires the best. Our writers are specially selected and recruited, after which they undergo further training to perfect their skills for specialization purposes. Moreover, our writers are holders of masters and Ph.D. degrees. They have impressive academic records, besides being native English speakers.

2. Top Quality Papers: Our customers are always guaranteed of papers that exceed their expectations. All our writers have +5 years of experience. This implies that all papers are written by individuals who are experts in their fields. In addition, the quality team reviews all the papers before sending them to the customers.

3. Plagiarism-Free Papers: All papers provided by Eminence Papers are written from scratch. Appropriate referencing and citation of key information are followed. Plagiarism checkers are used by the Quality assurance team and our editors just to double-check that there are no instances of plagiarism.

4. Timely Delivery: Time wasted is equivalent to a failed dedication and commitment. Eminence Papers are known for the timely delivery of any pending customer orders. Customers are well informed of the progress of their papers to ensure they keep track of what the writer is providing before the final draft is sent for grading.

5. Affordable Prices: Our prices are fairly structured to fit in all groups. Any customer willing to place their assignments with us can do so at very affordable prices. In addition, our customers enjoy regular discounts and bonuses.

6. 24/7 Customer Support: At Eminence Papers, we have put in place a team of experts who answer all customer inquiries promptly. The best part is the ever-availability of the team. Customers can make inquiries anytime.