Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
9th Edition
ISBN: 9780134801346
Author: FELKE-MORRIS
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Concept explainers
Question
Chapter 6, Problem 10HOE
Program Plan Intro
Program Plan:
- Include the HTML tag using <html>.
- Include the header tag using <head>.
- Include the style on the webpage using <style> tag.
- Set the style properties.
- Include the style on the webpage using <style> tag.
- Close the header tag using </style>.
- Close the header tag using </head>.
- Open the body of the web page using <body> tag.
- Include the header tag <header> to display the page heading.
- Include the <p> tag and provide the description about a user hobby.
- Include the figure tag <figure> to display the web page images.
- Include an unordered list tag <ul>.
- Include a hyperlink using <a> anchor tag.
- Include the footer tag <footer> to display the page footer.
- Include the header tag <header> to display the page heading.
- Close the body using </body> tag.
- Include the header tag using <head>.
- Close the file using </html> tag.
Expert Solution & Answer
Trending nowThis is a popular solution!
Students have asked these similar questions
Create an HTML5 web page about one of your favorite hobbies. Choose a hobby and either take a relevant photo or select a relevant royalty-free photo from the Web (refer to Chapter 4). Decide on a heading for your page. Write one or two brief paragraphs about the hobby. The page must use valid HTML5 syntax and include the following elements: header, article, and footer. Use the figure, figcaption, and img elements to display the photo you have chosen. Include a hyperlink to a website that is relevant to the hobby. Include your name in an e-mail address in the page footer area. Configure the text, color, and layout with embedded CSS. Save the file as myhobby.html.
Create a web page using html
Display the design specified here:
(Enter the integer entered by the user in the Grade field)
HTML True or False
One can use padding inside a paragraph but not a div to enlarge the total size of the block element. (True or false)?
Assume you do not use a border statement for an internally placed block element inside a div element. You can displace the element from the top of an enclosing div element by either using margin-top in its selector command, but NOT alternatively by employing a padding command inside its enclosing div element css selector. (True or false)?
Paragraphs and header elements can have multiple span tabs , multiple images and multiple text but all are not held in an embedded vertical block structure. (True or false)?
One URL location within a single <a> html element can be accessed by a combination of multiple alternating text elements and images as long as the Link in not terminated by </a> until all the images and text elements have been created. (True or…
Chapter 6 Solutions
Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
Ch. 6.4 - Prob. 1CPCh. 6.4 - Prob. 2CPCh. 6.4 - Prob. 3CPCh. 6.15 - Prob. 1CPCh. 6.15 - Prob. 2CPCh. 6.15 - Prob. 3CPCh. 6 - Prob. 1MCCh. 6 - Prob. 2MCCh. 6 - Prob. 3MCCh. 6 - Which of the following configures a class called...
Ch. 6 - Prob. 5MCCh. 6 - Prob. 6MCCh. 6 - Prob. 7MCCh. 6 - Prob. 8MCCh. 6 - Prob. 9MCCh. 6 - Prob. 11FIBCh. 6 - Prob. 12FIBCh. 6 - The ____________ is always transparent.Ch. 6 - Prob. 14FIBCh. 6 - Prob. 15FIBCh. 6 - Prob. 1AYKCh. 6 - Prob. 2AYKCh. 6 - Prob. 3AYKCh. 6 - Prob. 1HOECh. 6 - Prob. 2HOECh. 6 - Prob. 3HOECh. 6 - Prob. 4HOECh. 6 - Prob. 5HOECh. 6 - Prob. 6HOECh. 6 - Prob. 7HOECh. 6 - Prob. 8HOECh. 6 - Prob. 9HOECh. 6 - Prob. 10HOE
Knowledge Booster
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.Similar questions
- Please construct the HTML code to generate the form designas shown in Figure 2.arrow_forwardHtmo.arrow_forwardWeb development: Create a simple one page HTML newsletter using HTML and CSS for a fictitious club or a real organization if you so wish. This must be a single page project. 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
- Mohabbat downvote.arrow_forward1. Form Validation (do not use validation plugin) A.Create the following form using html Register With Our Web Site Email Address Re-enter Email Address First Name: Last Name 2-Character State Code 5-Digit Zip Code Jen our List B. write Javascript code to add the following validations 1. All the text boxes should have required field validator Register With Our Web Site Email Address This teld s requared. Re-enter Email Address paanbar pio First Name peanber s po Last Name. penbor s pre 2-Character State Code paanbar s poy 5-Digit Zip Code Thes bold is required. oin our List Resetarrow_forwardScenario Wilson Zoo would like you to implement and test a web application to be used to order drinks at their smoothie and milkshake shack, The Monkey Bar. Basic Application Your web application must have one HTML file and one JS file (no navigation or style is needed) you may use a single style sheet to show and hide elements as per the specification provide suitable form elements to allow the customer to select a drink, by choosing: size, type, ingredients, base and extras, as shown below display the cost of the current drink, for example: provide a button to add the current drink to an order display the full details and cost of all drinks that have been added to the order, for example: display a running total of the cost of the order, for example: provide a button to place the order which simply outputs a message stating the order has been received and resets the screen The customer can pick the following options for their drink: size: small - £2.45 medium…arrow_forward
- Create an HTML form to allow the user to enter student names, one at a time, and displays all the names entered in a text area. Each time, the user types a name into a text box, and then presses the ENTER key to add the name in the text box to an array. The array is then sorted in alphabetical order and text area is updated with the new content in the array. Hints: you may use use keypress event. The event handler can take a parameter event. When the Enter key is pressed, the corresponding event.keyCode would be equal to 13.arrow_forwardPlease answer me quickelyarrow_forwardFirst function, red and dotted line y = 1- Vx3 + 2x2 + 2x + 4 Second function, yellow and dashed line y = 2(1 – x)ex – 1 Plot the given equations in a single figure in the range between -1 and 1 having at least 100 steps with the given colors and styles, also add a legend to the figure. You can write "first function" and "second function" in the legend. %3D Please attach the code in a doc or docx file! ONLY working codes will be evaluated!arrow_forward
- Create an event calendar webpageThe top frame contains the banner title of the webpage.The month frame contains the list of months within a year.The calendar frame will contain the selected month.The event frame will display the different official even for that date or month. i need source code plssarrow_forwardUsing React create a header component that displays a logo and company name. It should be able to welcome a user to the site or ask them to sign in, depending on boolean input. Create a landing page component that tells the user about the company. Create a product component that displays information about the products that the company sells. Edit your existing App.js file so that it displays the header component, the landing page component and at least three product components. Use an array of values and props to do this. Pass props to the header component to specify whether the user is logged in or not.arrow_forwardHTML PROJECTarrow_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