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 7, 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” attributes 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” attributes 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"
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 7 Solutions
Basics of Web Design: Html5 & Css3
Knowledge Booster
Similar questions
- do allarrow_forwardSuppose 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_forwardI 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_forward
- Draw 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_forwardPlease 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_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
- LWC Assignment: In this assignment we have to crate the similar design using the Lightning web component. Hello New Card Body (custom component) Card Footer Hint: You can use lightning card for it.arrow_forwardComputer sciencearrow_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
- 1. Write a program that displays four images along with their label texts in a grid pane, as shown below. You may use the images available in the folder "LabFiles" | Flags Sultanate of Oman Republic of Yemen Kingdom of Saudi Arabia United Arab Emirates Check Point: How the nodes (elements) are arranged in a grid pane? How can you add nodes to the grid pane? 2. Create different versions of this program to test different type of pane layouts.arrow_forwardWhat does this code look like when you run it? code: import tkinter # Let's create the Tkinter window.window = tkinter.Tk()window.title("GUI") # You will first create a division with the help of Frame class and align them on TOP and BOTTOM with pack() method.top_frame = tkinter.Frame(window).pack()bottom_frame = tkinter.Frame(window).pack(side = "bottom") # Once the frames are created then you are all set to add widgets in both the frames.btn1 = tkinter.Button(top_frame, text = "Button1", fg = "red").pack() #'fg or foreground' is for coloring the contents (buttons) btn2 = tkinter.Button(top_frame, text = "Button2", fg = "green").pack() btn3 = tkinter.Button(bottom_frame, text = "Button3", fg = "purple").pack(side = "left") #'side' is used to left or right align the widgets btn4 = tkinter.Button(bottom_frame, text = "Button4", fg = "orange").pack(side = "left") window.mainloop()arrow_forwardWrite a code to the following image using Console.WriteLine.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:CengageEBK 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