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 6HOE
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 border for table, border for cells, 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 heading on the webpage using <h1> tag.
- Include a table on the webpage using <table> tag.
- Provide table headings “Position” and “Starting Player” using <th> tag.
- Provide three players’ position and starting player on the table cells using <td> tag
- Close the body using </body> tag.
- Include the header tag using <head>.
- Close the file using </html> tag.
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
Create a web page about your favorite sports team with a two-column table that lists the positions and starting players. Use embedded CSS to style the table border, background color, and center the table on the web page. Place an e-mail link to yourself on the web page. Save the file as sport8.html.
Create a button by using the HTML button element with the following criteria:
With an ID of "btn" Show the caption "Reset" on the button Resets all the webpage controls when clicked The third control on the webpage that receives focus when using the tab key on the keyboard
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…
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
- Make a web page to show your School transcript. Your transcript should include: A picture of “School” logo (attached). A table of at least two semesters of the courses you take and the grades you got (you can make up the grades). Use banded rows for the courses. The courses are separated by semester. Calculate the average score for each semester. Calculate the average score for all courses taken at the bottom row. Background color for Overall Average row: #003300 Background color for semester row: #009900 Your HTML file should include the appropriate tags. Use an external CSS file to set all the styles for the web page.arrow_forwardRecreate this image in HTML and using an external css styling. The 1700s, 1800s and so on should be created as links to other sites. Use: header nav article aside footer Create hyperlinks in the nav bar, to the pages that represent the president chosen for the century in the link. The hyperlinks should be styled with no underlines.arrow_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
- PLEASE SHOW THE OUTPUT AND THE SOURCE CODE/link TOO IF POSSIBLE ADD THE FILE TOO THANK YOUarrow_forwardRedesign your personal web page to include at least two pieces of information on your topic, with "good" color choices and "good" text choices. Use Javascript (as appropriate and if desired) and expand the CSS file to cover all text and color choices. Technology allowed: HTML5, CSS3, personally-written Javascript Here is the html and css code I have so far. Please help me to add some javascript to my webpage and the two specifications mentioned before. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Make-UpWorld</title> <link rel="stylesheet" href="styles.css"> </head> <body> <h1>Makeup World</h1> <h3>Get the makeup that works the best for you</h3> <section> <h2><table> <div><caption><h3>Select below to start your journey!</h3></caption></div> <tr>…arrow_forwardEdit 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…arrow_forward
- Create a web page as shown below. Which includes: Background image Navigation bar & table (Service 1, Service 2 etc.) Each Service should display different text-color and background-color when you mouse over it. (Hint: use Hover property on services)arrow_forwardWrite the HTML tags to achieve the following: Create a text link, which you can use to send email. Create text link to make your PDF, or DOC or ZIP files downloadable. Create a one-line text input field. Create a submit button for submitting form. Create Ordered Lists with 4 items by using Letters and starts with d.arrow_forwardCreate a HTML page as the image given below. Add a submit and a reset button at the end of the form. Use only internal CSS. SURVEY FORM Let us know how we can improve freeCodeCamp Name: Enter your name Email: Enter your email Age: Age Which options best describes your current role? How likely is that you will recommend freeCodeCamp to a friend? What do you like most in FCC: Things that should be improved in the future (Check all that apply): Student Definetely May be O Not sure Select a option Front-End Projects Back-End Projects Data Visualization Challenges Open Source Community Gitter Help Rooms Videos City Meetups Wiki Forum Additional Coursesarrow_forward
- Write full HTML code to create the following table with required syntax. Use the correct HTML elements for each part of the table Add internal CSS to style the table head as “lightblue” color with 50px height Add internal CSS to style the all table border as solid 2px with color #666666arrow_forwardAssume you have the following html code: Home Service About us Contact us Add the following internal CSS styling rules to the code you may use CSS class selectors as needed: Remove the marker of the unordered list containing hyperlinks. Remove the underlines from the hyperlinks. Put an appropriate distance between the hyperlinks. The hyperlinks should be displayed horizontally (beside each other). Set an appropriate background color for navigation bar. Make the hyperlink underline visible when mouse hover on all the hyperlinks.arrow_forwardCreate a simple one-page HTML newsletter using HTML5 and CSS3 for a fictitious club or a real organization if you so wish. As a member, you are commissioned to build a one-page newsletter. The basic structure should follow the following specifications: Header and footer. A three-column main content layout. The columns should be 20%, 60%, 20%. The maximum width of the newsletter must be 1200px. All styling must be included in a single CSS file. Your newsletter must use HTML5 semantic layout convention. You must provide usage of at least two block-level elements, three font style elements, and two list elements, at least two images in the documentarrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage LearningNp Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:Cengage
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage