Question

In: Computer Science

Create a Web Page that has the name of at least 10 brands of dog food,...

Create a Web Page that has the name of at least 10 brands of dog food, as well as an image of each dog food.
Essentially your Web Page should have 10 names and 10 Images.
Start by putting a Title (ex.Good Dog Eats) at the top, and use a line separator. Then add the dog food brand names and images.
You will need to “borrow” the images from some other websites like https://www.petsmart.com/ or so. Use CSS padding property around the brand names. Use a color of your choice for the text and add some background color too.

CIST 1510 Web Development

Solutions

Expert Solution

HTML Code:

<html>
   <head>
       <title>Good Dog Eats</title>
       <style>
           body{
               background-color: pink;
           }
           p{
               padding-top: 10px;
               padding-bottom: 25px;
               color: blue;
               font-size: 24px;
           }
           img{
               width: 220px;
               height: 220px;
           }
       </style>
   </head>
   <body>
       <center>
           <h1>Good Dog Eats</h1><hr>
           <table>
               <tr>
                   <td><img src="11.jpeg" ><center><p>Food 1</p></center></td>
                   <td><img src="11.jpeg" ><center><p>Food 2</p></center></td>
                   <td><img src="11.jpeg" ><center><p>Food 3</p></center></td>
                   <td><img src="11.jpeg" ><center><p>Food 4</p></center></td>
                   <td><img src="11.jpeg" ><center><p>Food 5</p></center></td>
               </tr>
               <tr>
                   <td><img src="11.jpeg" ><center><p>Food 6</p></center></td>
                   <td><img src="11.jpeg" ><center><p>Food 7</p></center></td>
                   <td><img src="11.jpeg" ><center><p>Food 8</p></center></td>
                   <td><img src="11.jpeg" ><center><p>Food 9</p></center></td>
                   <td><img src="11.jpeg" ><center><p>Food 10</p></center></td>
               </tr>
           </table>
       </center>
   </body>
</html>

Output:

Note: Due to copyright issue I've not uploaded the actual food images. You can replace the 1.jpeg in the code with the image of your choice. Also, change the names.


Related Solutions

9. Create a Web page about your favorite musical group. Include the name of the group,...
9. Create a Web page about your favorite musical group. Include the name of the group, the individuals in the group, a hyperlink to the group’s Web site, your favorite three (or fewer if the group is new) CD releases, and a brief review of each CD. ● Use an unordered list to organize the names of the individuals. ● Use a definition list for the names of the CDs and your reviews. I would like it on Pink Floyd...
Create a Web Page Using HTML, CSS, JS, jQuery • Create a web profile, including any...
Create a Web Page Using HTML, CSS, JS, jQuery • Create a web profile, including any of the following: • Your hobbies, likes/dislikes, career aspirations, dream job, favorite animals/ pets, favorite superhero, etc. • You do not have to share personal information that you are uncomfortable with sharing. Follow these guidelines when creating your page: • Include at least one heading (h1, h2, etc.) in your web page. • Provide a quote from a book, movie, etc. • Include at...
1 -​Create the code to generate a default web page. The contents of this page should...
1 -​Create the code to generate a default web page. The contents of this page should be Your​​Name, right justified
Web Projects If you are learning a web technology, you must create a new page that...
Web Projects If you are learning a web technology, you must create a new page that is web-accessible (use your individual burrow account) that includes a form with a field that allows the user to enter a number only. ● Create an input that allows a number to be entered. Only whole numbers should be allowed. ● Add a button below the input that says "Translate". ● When the button is clicked, it should grab the current number in the...
Create a web page using PHP that allows the users to create an account (a username...
Create a web page using PHP that allows the users to create an account (a username and a password). There should be a login page that allows users to create an account by entering their preferred username and password. The same page should also let users login if they already have an account. If a user is logged in successfully , they should be able to enter a comment and also read the comments entered by others previously.
Create a web page that contains a simple math test. The page should have the following...
Create a web page that contains a simple math test. The page should have the following arithmetic problems. Add a button under each problem which, when clicked, will display a prompt for the user to enter the answer. Add a swcond button which, when clicked, will check to see if the user's answer is correct. The output should be either "correct" or "incorrect" displayed in an alert box. 1. 5+9= 2. 4*6= 3. 25-14= 4. 48/3= 5. 26%6=
Create a table on one page of your site that has at least one colspan or...
Create a table on one page of your site that has at least one colspan or rowspan. Style it with at least three selectors in your stylesheet. You can use element, class and/or ID. (Note: do not use deprecated HTML attributes - use CSS!) Add at least two font stacks to your website including one web font from Google Fonts (Links to an external site.) Use padding, margin, and border at least once each in your stylesheet.
Create a Web page about yourself containing the following: Notepad++ The page should have a light...
Create a Web page about yourself containing the following: Notepad++ The page should have a light green background and a one inch margin. The Web page should contain: At least three headings, h1 to h3. At least two paragraphs about you. A numbered list with at least three hyperlinks. The hyperlinks cannot be the ones we created in class today which were the links to Yahoo and Google. Two horizontal rules. All the h1, h2, and h3 tags should have...
For this assignment you are required to create a web page displaying a recipe of your...
For this assignment you are required to create a web page displaying a recipe of your choosing. Your submission should appropriately use the basic head and body construction of an HTML document. Additionally you are required to appropriately use at least three different HTML element types. For example you might use an unordered list for your ingredients, an ordered list for the steps of your recipe, and an image to show the final result. If you choose to use an...
Create a Web page about a book ( The Richest Man in Babylon) that includes the...
Create a Web page about a book ( The Richest Man in Babylon) that includes the following: -page title -a meta keywords tag with at least (5) keywords -a meta description tag -a meta robots tag to allow indexing, but not permit crawling of the site Also, provide 1-2 paragraphs of content with three relevant text links.
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT