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
Concept explainers
Question
Chapter 6, Problem 6HOE
Program Plan Intro
- Include the HTML tag using <html>.
- Include the header tag using <head>.
- Include the style on the webpage using <style> tag.
- Include an unordered list maker image url.
- 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 <div> tag and add a “class” attribute to assign the style.
- Include the head tag <h1> to display page heading.
- Include an unordered list using <ul> tag.
- Close the body using </div> tag.
- Include the <div> tag and add a “class” attribute to assign the style.
- 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
Having trouble with this debugging. new quotes should be visible everytime page loads up.
use HTML and Javascript
Give two different files of HTML and Javascript
Display a random quote when the page loads. Use a JSON file that contains 10 different famous quotes and their author that you would use to select the random quote.
Write a sample code for External CSS - The <link> Element
Chapter 6 Solutions
Web Development and Design Foundations with HTML5 (8th Edition)
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
- HTML/CSS: Need help in creating a sidebar header canvas for the love and hate buttons. Below are the codes and attached is image of how the sidebar header canvas must look like. Make sure to involve the correct code with the output: index.html: <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Summer School</h1> <ulclass="content home"> <li><a href="/index.html" >Summer School Info</a></li> <li><a href="/summerschool.html">Mainpage</a></li> </ul> </body> </html> summerschool.html: <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,…arrow_forwardIn JavaFX: A stage with a Textfield and a button, this button opens a ListView with a contact list, the selected address must fill the TextField. The data shown in the ListView must be populated from a CSV file. Please post the code and the output screenshot.arrow_forwardKindly provide correct answer with comments and try to attach necessary screenshotsarrow_forward
- You will write an html web page called editItem.html (or editItem.py), which links to an external Javascript file named ActionOnItem.js. The contents of editItem.html (or editItem.py) should include dropdownlist1, dropdownlist2 and a button. First Add items to the dropdown list using HTML code. Secondly, click the button MoveHere. You can add other form elements if you think are needed to complete this program with more relevant information. then you will write a .js file named ActionOnItem.js. In ActionOnItem.js file, you should write a function called moveItem( ) which receive itemName parameter and remove that item from dropdownlist1 and add that item to dropdownlist2.arrow_forwardMake a html file and a js file Make a code that takes a square of a number. HTML file: Make a text box where you can put any number in, labeled as "Number" with a click button underneath. Underneath have "Square = ___ " to calculate the square of any number inserted. Use a js file with "compute()" to calculate the square and link it to the HTML file.arrow_forwardWrite and HTML page to display a simple slot machine: The slot machine has 3 reels. Each reel has the following fruits: Grape Watermelon Orange Peach Lemon Apple Cherry Strawberry Pear Add a <button element with the text "Spin!" on the page When the user clicks the button, pick a random fruit for each reel and display the three fruits in a row as emojis It all three fruits match, output "Winner, winner, chicken dinner!" to a <div> element below the fruitsarrow_forward
- a programmer wants to have a video file on his website the video should start playing as soon as user opens a web page on which the video has been inserted the blank element will be used to process information to the video filearrow_forwardHTML/CSS JAVASCRIPT please help me answer this question I will give you a good rating Thank you! Take the following static web page application with illustrated output, and modify it so that it produces the second illustrated output. You need to add and position two new red div elements, put the image inside the outer enclosing orange div, and place the same image inside the red divs. You can use any other image you have on file if you can’t locate the godaddy image <! DOCTYPE html> <html> <head> <link rel= "stylesheet" href= "FA19MID4L.css"> </head> <body> <img src= "GoDaddy.png"/> <div class ="enclose"> <p> Welcome to: <strong>webhamster.com</strong> </br> This Web page is parked <strong>Free </strong>courtesy of <a class = "aclass1" href="https://www.godaddy.com">GoDaddy.com</a></p> <h1>Want to buy <span class="span2">webhamster.com ?</span>…arrow_forwardCreate a CSS file youName.css and link it to the HTML file you created earlier in Part 1. The results after filling the styles should be as shown in the image below. NOTE 1: Add classes and ids as you find suitable in the HTML file. NOTE 2: Any style that is not specified, may be specified as you wish (like margins, paddings …). NOTE 3: The width of the <body> is 700px and the font-family is “Arial”. after finsih it must be as the imagearrow_forward
- a) Given the scripts for the navigation bar (a) below, modify the scripts to make it appears as the navigation bar (b) using CSS. ul { list-style-type: none; margin: 0; padding: 0; } li{ display:inline; } Home Gallery About Us Contact Usarrow_forwardCan you show me how to create a CSS file? It should contain styling information on fonts, colors, and backgrounds. For the fonts, the file should include at least 2 fonts, but no more than 4 fonts. For the colors, select a palette of between 3 to 6 colors that offer contrast and compatibility. Two of those colors should be black and white. Use hyperlink colors and color of elements such as <p>, <div>, or semantic elements like <section>. For the backgrounds, you should have a background that can either have a background color with a gradient, a background image that spans the size of the viewpoint along with a background color, or you can use multiple backgrounds together along with a background color.arrow_forward1. When the user clicks on a picture and it opens a window containing a zoomed version of the image, give her a hyperlink (button) to add the pic to a favorites’ area at the bottom of the first page (add img nodes to the DOM). 2. A maximum of 5 pics can be added to the favorites. After that a message is displayed to remove at least a favorite first. 3. If the user clicks on a favorite, a Remove link (button) shows up next to that picture. If the user clicks it, the pic is removed from the favorites. 4. (10% of the grade) Use good web design practices to enhance visually your html page. Add a title, picture, copyright line, etc.arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- Database System ConceptsComputer ScienceISBN:9780078022159Author:Abraham Silberschatz Professor, Henry F. Korth, S. SudarshanPublisher:McGraw-Hill EducationStarting Out with Python (4th Edition)Computer ScienceISBN:9780134444321Author:Tony GaddisPublisher:PEARSONDigital Fundamentals (11th Edition)Computer ScienceISBN:9780132737968Author:Thomas L. FloydPublisher:PEARSON
- C How to Program (8th Edition)Computer ScienceISBN:9780133976892Author:Paul J. Deitel, Harvey DeitelPublisher:PEARSONDatabase Systems: Design, Implementation, & Manag...Computer ScienceISBN:9781337627900Author:Carlos Coronel, Steven MorrisPublisher:Cengage LearningProgrammable Logic ControllersComputer ScienceISBN:9780073373843Author:Frank D. PetruzellaPublisher:McGraw-Hill Education
Database System Concepts
Computer Science
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:McGraw-Hill Education
Starting Out with Python (4th Edition)
Computer Science
ISBN:9780134444321
Author:Tony Gaddis
Publisher:PEARSON
Digital Fundamentals (11th Edition)
Computer Science
ISBN:9780132737968
Author:Thomas L. Floyd
Publisher:PEARSON
C How to Program (8th Edition)
Computer Science
ISBN:9780133976892
Author:Paul J. Deitel, Harvey Deitel
Publisher:PEARSON
Database Systems: Design, Implementation, & Manag...
Computer Science
ISBN:9781337627900
Author:Carlos Coronel, Steven Morris
Publisher:Cengage Learning
Programmable Logic Controllers
Computer Science
ISBN:9780073373843
Author:Frank D. Petruzella
Publisher:McGraw-Hill Education