Web Development and Design Foundations with HTML5 (8th Edition)
8th Edition
ISBN: 9780134322759
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Question
Chapter 8, Problem 5HOE
Program Plan Intro
Program Plan:
- Include the HTML tag using <HTML>.
- Include the header tag using <head>.
- Include the title on the webpage using <title> tag.
- Provide background color for alternative rows using the <style> tag.
- Close the header tag using </head>.
- Open the body of the web page using <body> tag.
- Include the Table tag using <table> and align the table to the center.
- Type the heading “Birthday List” within the header tags “<th>” and “</th>”.
- Open the table row tag “<tr>”.
- Inside the table column cell type the friend name and his/ her birthday in two separate cells.
- Close the table row tag “</tr>”.
- Open the table row tag “<tr>”.
- Inside the table column cell type the friend name and his/ her birthday in two separate cells.
- Close the table row tag “</tr>”.
- Close the table tag </table> tag.
- Include a contact link on the webpage using <a href> tag
- Include the Table tag using <table> and align the table to the center.
- Close the body using </body> tag.
- Include the header tag using <head>.
- Close the file using </html> tag.
- Finally save the file as “mytable.html”.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
Create a html page with title as lab10_1. The page load lab10_1.js as its JavaScript file. On the html page, include a Canvas with dimension of width: 800, height: 500. An input box to accept user's input. A button to start the game.
Edit and refine the code so at the top right of the page, there's 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.
Existing code:
product.html
<!DOCTYPE html><html><head><script src="./js/cart.js"></script></head>
<body>
<div id="product1" class="card"><img src="img/clorox.jpg"><h1>Clorox</h1><p class="price">$20.00</p><p>Household Cleaner</p><p><button id="product1Btn1" onclick="addtocart(1)">Add to Cart</button></p><p><button…
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").
Chapter 8 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
Ch. 8.4 - Prob. 1CPCh. 8.4 - Prob. 2CPCh. 8.4 - Prob. 3CPCh. 8.7 - Prob. 1CPCh. 8.7 - Prob. 2CPCh. 8 - Prob. 1MCCh. 8 - Prob. 2MCCh. 8 - Prob. 3MCCh. 8 - Prob. 4MCCh. 8 - Prob. 5MC
Ch. 8 - Prob. 6MCCh. 8 - Prob. 7MCCh. 8 - Prob. 8MCCh. 8 - Prob. 9MCCh. 8 - Prob. 10MCCh. 8 - Prob. 11FIBCh. 8 - Prob. 12FIBCh. 8 - Prob. 13FIBCh. 8 - Prob. 14FIBCh. 8 - Prob. 15FIBCh. 8 - Prob. 1AYKCh. 8 - Prob. 2AYKCh. 8 - Prob. 3AYKCh. 8 - Prob. 1HOECh. 8 - Prob. 2HOECh. 8 - Prob. 3HOECh. 8 - Prob. 4HOECh. 8 - Prob. 5HOECh. 8 - Prob. 6HOECh. 8 - Prob. 7HOECh. 8 - Prob. 8HOECh. 8 - Prob. 9HOECh. 8 - Prob. 1WRCh. 8 - Prob. 1FWD
Knowledge Booster
Similar questions
- 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…arrow_forward11. 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.webparrow_forwardCreate a web page with your favorite recipes! The recipe book should have a table of contents linking to each recipe below, using internal links. Each recipe should have a table for the ingredients, a list of details, and a list and/or paragraphs of the steps required. If you use recipes from the internet, be sure to add a link to the website. ags Use CSS to style the recipe book, using a mix of the simple selectors and colors that you've learned. Tip: Can't find the images you want in our image selector? You can also bring in images from Wikipedia. To do that, use a site-restricted Google search, then click "View image" on the result you like, and copy the URL into your tag. Work on your project for as long as you'd like, then click this button when you're done. I'm done! k!DOCTYPE html> 2- 's Recipe Book nd 3- Project: Recipe book 4. Contents: 7 8. 1. Recipe #1 10 's Recipe Book Recipe # 11 12 13 Contents: • Time: • Serves:_ 14 Recipe #1 15- A 16 17 Ingredients Quantity 18…arrow_forward
- Task 1. Create a new page (games.html):Use the music page as the starting point for the Game page. In your text editor open music.htmland save it as games.html. After modifying the games page, it will look similar to the Games pagein Figure 1.Change the page title to an appropriate phrase.Delete the div element with id="musicbg", then open the style.css in your text editor and deleteall the rules for id = “musicbg”. This will remove the music image from the new page.Replace the text within the h2 element with following: “My Favorite Video Games”.Delete paragraph, h3 and table elements.Place an unordered list with your 4 favorite video games as list items.Create a photo gallery with 4 pictures:• Search on the internet for cover picture of your favorite games, and same them in your folder.For each image create another image as thumbnail. You can use windows paint or any otherimage editor to resize the images.• After completing the previous step, in your folder, you will have 8 new image…arrow_forwardCreate the following application. Give me the html, css and javascript code.arrow_forwardCreate an HTML 5 web page 1, add a background color sky-blue, and name the page, “The Sky Is The Limit”. Add a Heading: LEARNER: Lesson Learned (ALL CAPS), add your full nameand Surname, Student Number, Module Code, Semester, Date, and Year in the text line. Also add a paragraph with a list of 05 positive points and five negative points reflecting on this module CS 101, (good and/or bad). Also, make a suggestion on how to improve. Create another page 2 using HTML 5, add background color to be light gray, insert two text boxes, all should be in the middle, the first one lable it Username and the second one Password, and add the following buttons, Clear and Log-in, add a link named Forgotten Password at the bottom, on a mouse click, a popup message/window saying “ Please contact the administrator for assistance!!! should appear. - Use JavaScript code to make text box 1 (Username) accept only text and text box 2 (Password) to accept a combination of both text and numbers.…arrow_forward
- Create an HTML that does the following. For the last bullet Subject code: "ITE212", Subject description: "Web Systems and Technologies" and section: "ACT1"arrow_forwardcreate another new page, and name the file according to the description you used in your mockup. For example, "contact_me.html" or "portfolio.html". Your new page must include the following: (named: "contact_me.html") A table styled using CSS, like the one below, except use fonts and colors that match the theme of the rest of your site. A CSS Box with the following specs: 350px (width) + 20px (left and right padding) + 10px (left and right border) + 20px (left and right margin) = 400px Contains at least 4 hyperlinks that use each of the following states: a:link - a normal, unvisited link a:visited - a link the user has visited a:hover - a link when the user mouses over it a:active - a link the moment it is clicked Must use a style tag that changes the background to a color or image. Formatted text, including a header and paragraph that uses CSS styling of your choice, using at least 1 ID selector and 1 class selector. Use CSS to…arrow_forwardUsing the existing code, When the add button is pressed, the number in the "(0)Cart" link should increase. When the remove button is pressed, this number should decrease. When I click on the link, it should take me to a checkout.html page. The checkout.html page should display all the items in the cart, and a total price. Existing code: products.html <!DOCTYPE html><html> <head><title>Products</title><script src="./js/shoppingcart.js"></script></head> <body><div><div><a href="Checkout.html"><span style="float:right"><p>(<span>0</span>) Cart</p></span></a></div><div class="product"><img src="img/clorox.jpg"><p class="price">Price: $10</p><p class="name">Name: Clorox</p><p class="description">Description: Household Product</p><p class="id">ID: product1</p><span><button id="product1">Add to…arrow_forward
- webarrow_forwardUsing Inline style do the following for this hl>: Using Embedded style do the following for this : Using Embedded style do the following for thisarrow_forwardWrite html necessary code (no CSS is required) to create a table with the following requirements: 1. Use a table caption with text "Table caption". 2. Table contains a table header and is (the first row) expanded (spanned) to 2 columns with text "This is a heading." 3. Table contains 2 rows and 2 columns in addition to the header. 4. The right column is expanded (spanned) to 2 rows. 5. The text inside the first (or left) column are "1" and "2" respectively for the 2 rows. 6. The text inside the second (or right) column is "3" . Note that this column is spanned to 2 rows.arrow_forwardarrow_back_iosSEE MORE QUESTIONSarrow_forward_ios
Recommended textbooks for you
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning