Basics of Web Design: Html5 & Css3
4th Edition
ISBN: 9780134444338
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Question
Chapter 9, Problem 4HOE
Program Plan Intro
Program Plan:
- Include the HTML tag using <html>.
- Include the header tag using “<head>”.
- Provide background color using “<style>” tag.
- Close the head tag using “</head>”.
- Open the body tag using “<body>”.
- Include table on the webpage using “<table>” tag.
- Provide table headings as position and players using “<th>” tag.
- Provide two names on the table cell using “<td>” tag.
- Close the body tag using “</body>”.
- Include the header tag using “<head>”.
- Close the HTML tag using </html>.
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.
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 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
Chapter 9 Solutions
Basics of Web Design: Html5 & Css3
Knowledge Booster
Similar questions
- Create 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_forwardCreate a web page in which the user is allowed to select the page’s background color and whether the page uses serif or sans serif fonts. Then change the body element’s style attribute accordingly.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
- Assume 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_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_forwardMake 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_forward
- Recreate 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_forwardTask 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 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
- write a css rule that will only affect first anchor link. Make text color of link text red, and remove underline from anchor link (by default anchor text in underlined). Assume you do not have permission to edit HTML file, only CSS file. ali kavlı 1234 personal web site Türkiye government official gatearrow_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_forwardWrite 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_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 Learning
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning