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
Question
Chapter 6, Problem 4HOE
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 position property as “relative”.
- Set the left property as “15 px”.
- Set the background property as “#ccff99”.
- 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
Trending nowThis is a popular solution!
Students 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"
I'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>
this response.
uèstion 13
Complete the below code to draw a line on a canvas as per the following specifications:
Line Coordinates:
Starting point X coordinate: 50
Starting point Y coordinate :70
End point - X coordinate :90
End point - Y coordinate :80
Line color is blue
yar myCanvas=
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
- Suppose a GUI has a text field where use can add data in the form of paragraphs. The GUI also contains a button component which when clicked counts the unique number of words in the data provided in the text field and displays the total count in the same text field but this time the text field is read-only. Provide the code for the JButton component.arrow_forwarddo allarrow_forwardUsing 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.arrow_forward
- 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_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_forwardJavaScript Assignment For this assignment you are only to use external CSS and JavaScript. This assignment shouldhave no templates or frameworks. The Fruits to be used are Apple, Orange, Pear, and Pineapple. Write the code in a way that allows it to pull the images from a folder inside the main folder named “images." The file names are as follows Apple.png, Orange.png, Pear.png, and Pineapple.png. You are to create a child's game. The game will have a title in the head of the boilerplate withyour name. The name of the game will be Fruit Game which will need to be included in theheader of the browser using a h1 element. You will display an image of a fruit. Under the imagethere will be room for text for the name of the fruit but not displayed at the start. You will havefour buttons with names for the fruits available. When the button with the fruit name is clickedthe name of the fruit will appear under the image of the fruit. If the button and the name of thefruit is the same then you…arrow_forward
- Please help me create a jframe with clickable image icons (with words at the bottom of the icons) and a search bar at the top. Please include the logo at the top. Please use java and comment the code. Images are provided belowarrow_forwardDraw black vertical lines with the first line at the very right of the canvas. Thesubsequent lines are drawn from right to left on the canvas to the mouseposition. All lines should be 5 pixels apart. using openprocessing and p5 javascript languagearrow_forwardHow to make this more responsive so that when the screen is small picture and texts will be written in the seperate lines (picture - upper side; texts lower side instead of left - picture and right - text as shown in the pictures) css file: .image-text-container { display: flex; /* Arrange elements horizontally */ align-items: center; /* Align content vertically */ margin: 20px; /* Add some margin around the container */ } html file: <div class="image-text-container"> <figure> <imgsrc="washFace.png"alt="Picture of a woman washing his face"class="full-width-image"> </figure> <article> <h2>Wash your face with water</h2> <p>First off, start by splashing your face with water. It's crucial to clear away the dirt and oil that gathers while you sleep. However, cleanser isn’t needed in the morning; lukewarm water works best. <p> </article> </div>arrow_forward
- JavaFXarrow_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_forward4.The "Clear" Button should erase the contents of all the fields and the textArea. It should also hide the car related fields and labels, as shown in Figure 2. 5.The "Exit" button should close the application by simply calling System.exit(0);Here are the classes: EmployeeController class: import javafx.fxml.FXML;import javafx.scene.control.Button;import javafx.scene.control.Label;import javafx.scene.control.TextArea; public class EmployeeController { @FXMLprivate Label NameEM; @FXMLprivate Label MakerEM; @FXMLprivate Label PriceEM; @FXMLprivate Button handlehascar; @FXMLprivate Button AddButton; @FXMLprivate TextArea TextAreaBox; } EmployeeApp Class: import javafx.application.Application;import javafx.fxml.FXMLLoader;import javafx.scene.layout.Pane;import javafx.scene.Scene;import javafx.stage.Modality;import javafx.stage.Stage; public class EmployeeApp extends Application { @Overridepublic void start(Stage stage) throws Exception{Pane root =…arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
Programming Logic & Design ComprehensiveComputer ScienceISBN:9781337669405Author:FARRELLPublisher:CengageNp Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:Cengage
EBK JAVA PROGRAMMINGComputer ScienceISBN:9781337671385Author:FARRELLPublisher:CENGAGE LEARNING - CONSIGNMENT
Programming Logic & Design Comprehensive
Computer Science
ISBN:9781337669405
Author:FARRELL
Publisher:Cengage
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage
EBK JAVA PROGRAMMING
Computer Science
ISBN:9781337671385
Author:FARRELL
Publisher:CENGAGE LEARNING - CONSIGNMENT