Web Development and Design Foundations with HTML5 (9th Edition) (What's New in Computer Science)
9th Edition
ISBN: 9780134801148
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Question
Chapter 6, Problem 2HOE
Program Plan Intro
- Include the HTML tag using <html>.
- Include the header tag using <head>.
- Include the style on the webpage using <style> tag.
- Set the background property as “#eaeaea”.
- Set the color property as “#80c080”.
- Set the bottom property as “2px dotted #80c080”.
- 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 the content to be displayed in the webpage using paragraph <p> 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
Subject Name: Advanced Object-Oriented Programming
2. Write a JAVA GUI code to create the following:
Use the Suitable layout and panel to show the below described output
• The Frame is Titled as "MyFrame".
• Add the title in the JPanel as Text Area and insert 2 colored radio buttons on selecting
each button the color of the frame should change between two colors
• Add two Text Field by name with title "Me"and "MyFriend"
• Add Two buttons down which must copy the text from text1 to text 2 on pressing it and
the other should clear the content.
• Names of the Button "Print Text", "Cancel"
Using simple JavaFX (No FXML), create a shape that can be dragged with the mouse cursor around the window. The color of this shape should change smoothly depending on its X and Y coordinates. There should also be a label that displays the coordinates of the shape in real-time.
Create a JavaFx project that demonstrates various topics you have learnt like, creating structure of
JavaFx, Panes, UI Controls, Shapes and events-driven programming for different controls.
Create a window that consists of the following:
1) Window title: "Title of your project".
2) Design your window by using different User Interface Control like Text Field, Labels, Checkbox
/ Radio button, Combo box, List box, etc.... Use the data fields from the part-2, to design the
nodes of the window. (Minimum five different user interface controls should be used.
3) Use the concept of the Events Driven Programming (EDP) in order to activate the following
GUI components (Buttons, radio buttons, check box, etc..) to activate the events to some
nodes in your window to implement actions. (Minimum 2 different events should be created)
Include the below in your project report:
1) Screenshots of all output generated from the application.
2) Code for all classes.
Good Luck O
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
Similar questions
- I need to code a Sierpinski Triangle that's in a canvas. This should be written in CSS, HTML, and Javascript. There should be two buttons on the bottom, one should say "delete" the other one should say "draw". If you press "draw" the triangle will be on the canvas. If you press "delete" the triangle will be gone from the canvas.arrow_forwardWrite a CSS rule that places a background image halfway down the page, tiling it horizontally. The image should remain in place when the user scrolls up or down.arrow_forwardCreate a hit or miss 2D style gave using java AWT graphics, and mouse events. When the user click the the board, they should receive visual confirmation of a hit or miss. Example: A Minesweeper has bombs hidden on a 10x10 grid, and the user had to mind the bomb by clicking. Any example is welcome!arrow_forward
- Computer sciencearrow_forwardwhat is the javascript code that can freely draw on the canvas with the chosen color by clicking and dragging the mouse?arrow_forward1. Design a Java Swing Frame where you enter two strings into two separate text boxes and on a button click the strings are concatenated and displayed in a third text box. 2. Use a button to invoke the process. 3. Put this in a panel. 4. Create another panel where you have a dropdown. Concatenate the choice from the drop- down with the previous string and display in another text field in the second panel. Use a button to invoke this process.arrow_forward
- I need help with this questions. The other one i need help with rearrangingarrow_forwardSuppose there is a text box on your browser window called FirstName. When you scroll up or down, the text box does not move at all while other elements on the page do move. What value for the position property would FirstName have? A) absolute B) relative C) fixed D) staticarrow_forwardI'm trying to learn CSS and it isn't easy. Can someone help me with this problem? Modify or add one CSS rule for each requirement below to change the text color property as specified. By color name: change the text color for byname class elements from black to blue. By RGB values: change the text color for byrgb class elements from black (rgb(0, 0, 0)) to green by modifying the second number to be 255. By HSL values: change the text color for byhsl class elements from black (hsl(0, 0%, 0%)) to cyan by modifying the first number to be 200, the second number to 100%, and the third number to 50%. Code: <p class="byname">The text is blue</p> <p class="byrgb">The text is green</p> <p class="byhsl">The text is cyan</p>arrow_forward
- in javascript Create a function that will load a new image from the website https://cataas.com/cat every 10 seconds, and will stop this interval when the SPACEBAR is pressed.arrow_forwardCSSarrow_forwardI believe I am close to having this correct but would like to check. Write the CSS to configure a grid for an id named container that has two columns and two rows. The first row is 100 pixels high. The first grid item in the second row takes up 75% of the width.arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- EBK JAVA PROGRAMMINGComputer ScienceISBN:9781337671385Author:FARRELLPublisher:CENGAGE LEARNING - CONSIGNMENT
EBK JAVA PROGRAMMING
Computer Science
ISBN:9781337671385
Author:FARRELL
Publisher:CENGAGE LEARNING - CONSIGNMENT