1- Insert the word Art in the empty space in the top of the grade table, add a shape fill and reflection to it 2- insert a picture of your choice to the left side of the word art 3- Rename the sheet with "CSC1200 Grades" and color it with Blue.
Q: Design a web page by using div, h1, h2 and image elements as given below. Implement also the box…
A: HTML Code:- <!DOCTYPE html><html><body><div style="width:700px;…
Q: Design a basic wesbite layout for a restaurant with a home page, and about page, a menu page, and a…
A: Answer is given below-
Q: 1) Create a histogram of the TOUCH_TIME variable. Set the number of bins to 25, remove the density…
A: As given in question we have plot a histogram and data is not given to plot so we are providing…
Q: Create a style rule for right-side pages with a top/bottom margin of 3 centimeters and a left/right…
A: Introduction: Here we are required to create a right-side page style rule with a 3 centimeter…
Q: Insert a "transition" between this slide and the previous
A: Applying transition to slides: On your computer, open a presentation. On the left, click the…
Q: Create table as below and shading the first row. Insert an Octagon and write your name in the…
A: “Since you have asked multiple questions, we will solve the first question for you. If you want any…
Q: Next, set the display of the section element with class ID of tips as a flexbox. Have the content of…
A: To set the display of the section element with a class ID of tips as a flexbox and have the content…
Q: The date of creation can be added to a slide using the: "Insert" tab, "Add note" group 2 "Edit"…
A: Solution :
Q: Add a body selector and set the following: Set the font family to sans-serif. Add a class called…
A: index.html <!DOCTYPE html> <html lang="en"> <head> <meta…
Q: How Do I Write My Style Sheet So That It Gracefully Cascades With User S Personal Sheet ?
A: The question is to write the style sheet effectively so that it gracefully cascades with users…
Q: ead, Foot, Body Add a thead row group element containing two rows. In the first row, insert five…
A: code snippet:
Q: Create a style rule for the body > header nav.tabs selector that changes the background to the image…
A: The following things need to be done in CSS code- change the background to the image file…
Q: In the page body insert the text “About Oman Air" as level 2 heading 5.…
A: <html> <body> <h5 style="background-color:#FFFF00; text-decoration: underline;…
Q: What does it mean by "Remove the deceleration for the background color from the style rule."
A: Style rules Style rule determines the style applied to the elements in document. every style rule…
Q: In the styles.css file, locate the “relative” comment and create a style rule for the relative class…
A: Code with output in Step 2:
Q: Go to the Navigation Tabs List Styles section. Amy has created a navigation list with the class name…
A: Go to the Navigation Tabs List Styles section. Amy has created a navigation list with the class name…
Q: Next, you will create the grid styles for the March Specials page. Go to the Grid Styles section and…
A: CSS GRID LAYOUT: In CSS, The grid is defined as a set of intersecting horizontal and vertical…
Q: For paragraphs that are direct children of the body element, create a style rule that sets the font…
A: <!DOCTYPE html><html><title>Web Page Design</title><head><style…
Q: reate a with four nested elements Show a solid, 2px border on each article Add overflow:auto;…
A: Program Approach: 1- In this assignment use inline CSS. 2- First, created the section tag, inside…
Q: You add a style to the start tag for an element, such as a heading or paragraph, using the style…
A: The HTML style attribute is used to add styles to an element, such as color, size, and more.…
Q: 1a.Provide a style that changes the font size over a 2-second interval and the font color over a…
A: Find the answer given as below :
Q: First we're going to make some subtle adjustments to the background images that are already there,…
A: Answer: HTML Source Code: CSS Source Code: body { font-family: Georgia, serif; font-size:…
Q: 2. Create your CV and apply the text-shadow property to create different shadows on section…
A: Code: <!DOCTYPE html><html><head><style>h3 { color: Black; text-shadow:…
Q: Q2: Create table as below and shading the first row. Insert an Octagon and write your name in the…
A: Create margin at the top & bottom 1.1 inches and right & left 1.5 inches: 1.1 inch = 2.79…
Q: Your assignment must follow these formatting guidelines: Be typed, double spaced, using Times New…
A: Solution : The factor that matter while selecting a vendor for cloud-based storage solution should…
Q: Do this Link the stylesheet to the web page. • Make the paragraph text a different size. Make the…
A: There are three ways of adding CSS (cascading style sheets) to an Html (hypertext markup language):-…
Q: Create a style rule for the section element with the id "sub" that displays that element as a grid…
A: CSS GRID LAYOUT: In CSS, The grid is defined as a set of intersecting horizontal and vertical…
Q: gie ates of the ve • Add the title 'Triangle' whose fontsize=20. • Color of the sides are black,…
A: Given :
Q: "Apply flex layout styles to card class's div elements".
A: section { display: flex; flex-direction: row; flex-wrap: wrap-reverse; } .card {…
Q: CSS question Add another div element to the web form containing the following code: Insert an…
A: a. Below steps are followed to add an option button for the “orderType” and a label associated with…
Q: Use to configure the hyperlink style when the mouse is placed over it.
A: CSS links can be styled in many different ways So,they can be styled differently depending on what…
Q: Create table as below and shading the first row. Insert an Octagon and write your name in the center…
A: Creating the given table shading the first row and inserting Octagon with the name in it
Q: Format the appearance of the opening quotes by creating a style rule for the aside…
A: Question: Format the appearance of the opening quotes by creating a style rule for the aside…
Q: Go to the Outline Styles section. In this section, you’ll format the course outline that appears on…
A: Explanation: Open the cw_styles.css file in any available text editor and write the style rule to…
Q: CSS Add a body selector and set the following: Set the font family to sans-serif. Add a class…
A: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">…
Q: create another div element with a width and height of 600 px. create a radial gradient with three…
A: <style>div{height:150px;width:600px; margin:20px;} #ellipse-grad{ background:…
Q: Go to the Flex Layout Styles section and insert a style rule to display the page body as a flexbox…
A: Answer: In Flex Layout Style section add styles for the body. body { display: flex; flex-flow: row…
Q: Create a style rule
A: Here is the code which is mentioned as follows:
Q: Format the appearance of the closing quotes by creating a style rule for the aside blockquote::after…
A: Actually, HTML is a web programming language.
Q: Create table as below and shading the first row. Insert an Octagon and write your name in the center…
A: Objective: Here, a document should be designed on MS Word. The requirements are provided i.e. table,…
Q: 2. Explain the difference between external, Internal, and inline style sheets. 3. What is the…
A: External: external style sheet is a standalone .css style file. it is linked to the webpage. the…
Q: In the index.htm/file, add a class attribute with the value tablet-desktop to the examples div In…
A: Let's understand first what are the html classes and the id attributes . When we create the element…
Q: the formula =Count([ClientID]) as its control source. Enter Total Clients as the label name. (Hint:…
A: Switch the ClientEntry form to Design view, and expand the Form Footer section to about 75" tall.…
Q: Open the code8-4_debug.css file and study the code that applies the animation effect to the…
A: Below is the solution: everything will be remains same only code8-4_debug.css will change some of…
Q: background-color: #47476b; } nav ul { margin: 0;} nav li { display: block; font-size: 1.5em;…
A: Note: Answering the first three subparts as per the guidelines. Given Task : CSS code with a set of…
Step by step
Solved in 4 steps with 4 images
- Create an interactive sign-up sheet.● Make the sign-up sheet interactive for the user.● Add a selection element to ask the user for their gender. Add the options “Male,” “Female,” and “Prefer not to mention.”● Use onblur and onfocus to add red borders to the input elements when the user leaves without any input, and a green border if a value is typed and the user is done with the input element.● Upon submission of the form, print all the information that the user has provided on a div or p tag at the bottom of the page.● Use fieldset and legend tag to separate the input part from the output part of the form.● Include a reset button to clear users input and also the information displayed at the bottom of the page.● Feel free also to design your own version and add other features.Q6/ You have a power point presentation with name of "Petroleum Engineering" consists of 8 slides, do the following: a. Insert a new slide between the second and the third slide. b. Open this power point presentation then save it under a new name of "Chemical Engineering" on the same location. c. Delete the fourth slide. d. Move the third slide to a new location between the seventh slide and the eighth slide.Display the section element as a flexbox. Set the flow of items within the flexbox to go in row order with reverse wrapping so that the first item (Facebook) appears in the bottom-left corner and the last item (E-mail) appears in the top-right corner. Complete this task in conjunction with the following task: "Apply flex layout styles to card class's div elements".
- Q2: Create table as below and shading the first row. Insert an Octagon and write your name in the center Day/ Sunday Monday Tuesday Wednesday | Computer | Science Friday Period I Period II Period IVv | Period V |Science Computer | Math Math English |Computer | English Computer | Science English Computer | Math Science English Math Math Science English > Create margin at the top & bottom 1.1 inch and right & left 1.5 inch > Create landscape orientation & A4 paper size > Insert Period III column after Period II > Insert Thursday row bellow Wednesday row > Insert page number center align and Arial font > Insert watermark "Hello world" > Table font "Times new roman" and 13 sizeFinally, within the form, add a div element containing a submit button displaying the text Begin Building your Order. (Hint: To code a submit button, use the input element and set its type attribute to "submit". You can also add a value attribute and set its value to the text you want to show on the button. Example: <input type="submit" value="This is text shown on the button">)Event Listeners Go to the co_cart.js file in your editor. Directly below the initial comment section, add an event listener for the window load event that does the following when the page is loaded: Runs the calcCart() function. Add an event handler to the modelQty field in the cart form that runs the calcCart() function when the field value is changed. A for loop that loops through every option in the group of shipping option buttons, adding an event handler to run the calcCart() function when each option button is clicked. JavaScript Functions Create the calcCart() function to calculate the cost of the customer’s order using field values in the cart form. Within the calcCart() function do the following: Create a variable named orderCost that is equal to the cost of the espresso machine stored in the modelCost field multiplied by the quantity of machines ordered as stored in the modelQty field. Display the value of the orderCost variable in the orderCost field, formatted as U.S.…
- Make sure that the heading that starts with “Children’s Lessons” does not float to the right of the image by clearing the float at that element. In the ski.html file, add the following attribute/value pair to the opening tag that marks the Children’s Lessons heading: class="clearfloat"Please adjust the calculator so that whenever the person enters their name and enters the input. It says for example “Peter, you are clinically obese” Please also add the findings to the right side of the page next to the BMI calculator.***Please show steps on how to create the "userform" box" Create a userform with two sets of option boxes. Each set should be within a frame (Select frame element from the toolbox). The first frame should have 4 option buttons Basketball, Baseball, Football, and Soccer. The second frames should have two option buttons "watch on TV" and "go to games". The userform should have Submit and Cancel Button. Write a sub to show the userform When a user selects one option each from frame 1 and frame 2, you should have appropriate displays such as "Your favorite sports is Soccer and you usually watch on TV" if you selected Soccer and Watch on TV options, after you hit the Submit button. The userform should be hidden after submit button is clicked If the user clicks Cancel, you should display "You don't want to play this game" and hides the userform
- I am having an issue I am not sure what error I have with this code when I execute it. Here are the instructions for the code: Column Styles Next, you’ll format the grid columns. Go to the Column Styles section. Create a style rule to float all div elements whose class value starts with “col-” on the left margin. Set the padding around all such elements to 2%. Finally, apply the Border Box Sizing model to the content of those elements.(Note: Remember to use web extensions to provide support for older browsers.) In the same section, create style rules for div elements with class names .col-1-1, .col-1-2, .col-1-3, .col-2-3, .col-1-4, and .col-3-4 to set their widths to 100%, 50%, 33.33%, 66.67%, 25%, and 75% respectively. Here is my code: div[class^="col-"]{ float:left; padding: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.col-1-1 {width: 100%;} div.col-1-2 {width: 50%;} div.col-1-3 {width: 33.33%;} div.col-2-3 {width:…Step 1: Add Table, 2 Buttons and Axes on your workspace Step 2: Rename the Buttons "Generate Data" and Plot Data Step 3: Add Callback function to "Generate Data" Button that will Populate Table with x and y values using sin function Use codes: app.UITable.ColumnName('x', 'y'} app.UITable.RowName = 'numbered' x 0:pi/100:2*pi y sin(x); data [x(1),y(i)) app.UITable.Data = data Step 4: Add Callback function to Plot the Data on UlAxes Which codes is best for the callback to plot data? p=plot(app.UlAxes,app.UlTable.Data(:,2).app.UlTable.Data(,1)) app.UlAxes.XGrid='on' app.UlAxes.YGrid="on" app.UlAxes.XLim = [0 max(app.UITable.Data(:,1))) app.UlAxes.Title.String - Graph Data of Given Function p.LineWidth - 2 p.Color= p.MarkerSize - 5 p.Marker p.MarkerEdgeColor = 'blue' p = plot(app.UlAxes,app.UITable.Data(:,2),app.UITable.Data(:,1)) p-plot(app.UlAxes,app.UlTable.Data(:,1),app.UlTable.Data(,2)) app.UlAxes.XGrid - on app.UlAxes.YGrid - on app.UlAxes.XLim = [0 max(app.UITable.Data(:,1)]…Powerpoint VBA code that does this: If the “Add List of Slide Titles” Checkbox is checked, a list of all of the slides Titles should be added to the new slide. (This is on Shapes(2) on the new slide.)