Make a webpage that shows a recipe for any food of your choosing. 1. You should have separate head and body sections 2. In the : a. add a page title 3. In the a. Put the page title in a title tag b. The ingredients should be displayed as an unordered list. c. Add at least 3 images anywhere you want in the body of your webpage. The images should correspond to the items in the list. You may choose any 3 images from around the internet and display them on a single page (please keep the images appropriate for a professional setting). You should use well-formed html and should skip two lines between each imag Each image should also have a title.

Make a webpage that shows a recipe for any food of your choosing. 1. You should have separate head and body sections 2. In the : a. add a page title 3. In the a. Put the page title in a title tag b. The ingredients should be displayed as an unordered list. c. Add at least 3 images anywhere you want in the body of your webpage. The images should correspond to the items in the list. You may choose any 3 images from around the internet and display them on a single page (please keep the images appropriate for a professional setting). You should use well-formed html and should skip two lines between each imag Each image should also have a title.

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter1: Getting Started With Html5: Creating A Website For A Food Vendor

Section: Chapter Questions

Problem 7CP4

See similar textbooks

Similar questions

Create an HTML page with name yourname&ID.html and include the following: CSCI375 Grades Exam-1 Exam-2| Project Exam-3 | Show the Grades Your Grades: Publishing Date Published on: Change Background Color Instructions for the form: 1. The name or/and id of the third textbox should be named by your first name (for example, name="fadi" id="fadi'). 2. The name or/and id of the fourth textbox should be named by your last www name (for example, name="yamout" id="yamout").
Using HTML, CSS, and JavaScript create a small site that will display a list of 5 small images that can be dragged and dropped into a larger box to display the image larger on the site. The list of images should not disappear after being dropped. In dropbox, the image being dropped should replace the previous image dropped to the box.
can you create a website about a casino restaurant it would be a fake restaurant. the name of the restaurant would be Alpha Casino. also can you make a logo, and put it up on the top. left conner of the screen. for the home page put home, menu, checkout on the top right of the screen. and hyper link it so its easy to click on one another. also for the home add 3 column layout reading : the picture of a casino, home, menu, checkout, Welcome to Alpha Casino. about us: tell about how the restaurant came to be. tell the person/ costumers about the restaurant. contact information: number, address, email. just the contact information needed for the menu, please add a html table, that includes item name, discription, price, and any special dietary information. add your own food items to the menu and later ill change it. also make a button for the purchases, so when you click on the order it would later add out of your checkout option that total cost for the food they ordered. last…
11. Template Creation Create a template to display an HTML page like below. Create a template with 4 columns and 3 rows. You can choose any approach to finish this task. This task only using HTML and CSS, please make sure your code already tested before you submit it. item 1 item 2 item 3 item 4 item 5 item 6 item 7 item 8 item 9 item 10 Body padding is 20px Border color is #e3e3e3 Text color is #727272 Text size is 12px Distance between icon and box is 10px Border radius size is 10px Icon asset image is https://a.m.dana.id/promo/landing-page/default- icon.webp
how do I create the following pages: Main Page (index.html) - This page will display the user's list with edit and delete options for each list item. "Completed" list items should be hyperlinks that take you do the View List Item page.The user should be able to add a new item to the list right on this page by providing just a title and description (then they can edit the list item to add more details later). Edit List Item (edit-item.html) - Once a user has completed a bucket list item, they can provide more information. You can choose what type of information they might want to record for completed items but at minimum you should have: Title (this was provided when the item was created, and in A3 will be populated from the database) Description (this was provided when the item was created, and in A3 will be populated from the database) Rating - eventually this should be a star system, but that typically requires a little (sometimes a lot) of JavaScript, so the star part would come…
Create a products.html page and add 5 product images to the page. Create a Product class with the following attributes: Price, Name, Description and Id for each of the product images. Under each product image add an "add to cart" button. Make the id property of the button the id for the product. Add a remove from cart button on each item as well. Create a ShoppingCart.js file and include it in the products.html page. In the script, create an empty array to store the items added to the cart. Create a products array and create a product object for each of your products and store it in the products array when the script loads. The shopping cart script should have the following functions: add - Takes an id, finds the product object in the products array and adds it to the items purchased array, remove - Takes an id and removes the corresponding object from the items purchased array and Returns html for displaying the items in the cart. At the top right of the page add a link that says (0)…
Define a function named createBorders that selects // the table inside the "myPage" section. The function should add a CSS border to the table cells that is 2 pixels thick and solid black (use #000 for black). The function should also return the table element. //////////// Hint: You can build a selector from the result of another selector.
How to create a product table page: To create the product list page, you can copy the index.html file you worked on in exercise 7 to the products folder. Then, you can delete the content from the main section and modify the URLs on the page as necessary. • Modify the horizontal navigation menu so it indicates that the product list page is the current page. • Add a table to the section with a caption, a header, and a body as shown above. Be sure to merge the rows in the first column for each category so the category name is displayed only in the first row. Create a new style sheet named summary.css for the product list page, and copy the styles you need from the main.css file to this style sheet. Then, modify the link element for the style sheet in the products/index.html file so it points to the correct style sheet. • Align the caption, headings, and data, and apply any other required formatting as shown above. Use a structural pseudo-class selector to apply a background color of…
Create an html page. Add 5 product images to the page with Price, Name, Description and Id attributes. Under each product add an add to cart button and a remove from cart button on each item. Make the id property of the buttons the id for the product. At the top right of the page, add a link that says (0) cart. When the add button is pressed, this number should increase. When the remove button is pressed, this number should decrease. When I click on the link, it should take me to a new page called checkout.html. The checkout.html page should display all the items in the cart, and a total price. Add a form on the page that takes my name, email, phone number, and credit card number. Use a regular expression to validate the email, phone number, and credit card. Create a javascript file as script for the product html and checkout html page. In this file, create an empty array to store the items added to the cart. Create a products array and create a product object for each of your…
How to do this exercise. Halloween 13 Create a page that uses a form. In this exercise, you’ll create a page that includes a form for joining an email list. In addition, you’ll create a page that’s displayed when the form is submitted. When you’re through, the pages should look similar to this: Specifications for the email form: • Create a new page named email.html in the root folder for the project. Then, copy the code for the basic page elements, as well as for the header, footer, and sidebar, from the page for exercise 7. • Modify the horizontal navigation menu so it indicates that the email page is the current page. Create a new style sheet named email.css for the email page, and copy the styles you need from the main.css file to this style sheet. Then, modify the link element for the style sheet in the email.html file so it points to the correct style sheet. • Add the heading and the form element to the section. Code the form element so a form named subscribe.html in the root…
Part 4: Build a html form with the following elements. The form must be within a table structure. Name: a text box where the content contains no special character (i.e. !, @, #, $, %, &, *). Number is allowed. The text box must not be empty. • Module code: a text box where the content must start with 3 lower case alphabets and follows by 4 digits. This textbox can be empty. • Current date: a non-editable textbox and should be in the format as shown (e.g. 12 October 2020 Monday 3:35 PM). The content is the current date or today's date which will change every day. • Message: a text area with 3 rows and 20 columns. The default text is "Hello 202204". The text area cannot be empty. • Find: a text box for the user to key in text he/she wants to find. Replace: a text box for the user to key in the replacement text. If the find text is empty, this element should be disable (i.e. user cannot key in anything here). • Find and Replace: This is a button, when click, it will go to the "Message"…
Sample Run: Dialog Box Prompt Prompt alert Confirm Prompt Prompt alert Confirm Alert Message Press + for ADDITION Press for SUBTRACTION Press for MULTIPLICATION What is 9-6 Correct, got 1 point Do you want to play again? Press for ADDITION Press for SUBTRACTION Press for MULTIPLICATION What is 3+5 Incorrect Do you want to play again? Final score: Total points:1 Total incorrect questions=1 Button Clicked Input "-"and OK clicked Input 3 and ok clicked Ok OK Input "+" and OK clicked Input 9 and ok clicked Ok Cancel OK