Q6. By using the program below: Kindly Set the transparency/opacity of the element to "0.4". This is a Heading This is a paragraph. This is another paragraph.
Q: Write a simple program using HTML 5, JavaScript and Cascading Style Sheets (CSS). Q1 Apply styles…
A: I have created a webpage using HTML and external CSS... In Step 2, I have provided HTML…
Q: Which of the following statement describes what’s wrong with the above code? The shape won’t…
A: The shape won’t appear because the method stroke() is not invoked
Q: this is what I have so far I need help with seperading the style sheet into three files:…
A: body{ margin:0px; padding:0px; } #holder{ border:0px solid; width:1365px;…
Q: a.menu {font-family : Verdana; font-weight : bold; font-size : 13px; } To use the CSS style above,…
A: By default the 'a' tag is implied so need to use only "menu" .
Q: figuring the price of espresso drinks so baristas can have time to chat Juliette Is Pulling For Us…
A: Given code: <!doctype html><html><head><meta…
Q: ite an HTML program to create an EXTERNAL Style sheet using element and format it with the…
A: 1- As per the assignment requirements, there are two pages requires. 2- The first one is the HTML…
Q: CSS Requirements Create three break points using media queries in at least one style sheet to alter…
A: index.html: <!DOCTYPE html> <html> <head> <title>ABOUT</title>…
Q: this is what I have so far I need help with seperading the style sheet into three files:…
A: body{ margin:0px; padding:0px; } #holder{ border:0px solid; width:1365px;…
Q: Write an HTML program to design the following table in your web page HTML CSS HTML Item Your Score…
A: HTML stands for HyperText Markup Language. It can facilitate web developers with a huge number of…
Q: I need to split these into grid.html and grid.css and to make I need help because right now my…
A: I highlight grid css part
Q: Add embedded CSS code to this html file so that the display changes as following picture…
A: <!DOCTYPE html><html><head><link rel="stylesheet"…
Q: Please fix my javascript so that when the circle is clicked, the class changes from circle-on to…
A: <!DOCTYPE html> <html> <head> <title>Light Bulb</title>…
Q: iven: a span { color : red; } Information…
A: <html> <head> <style> a span { color : red; } </style>…
Q: I need to split these into grid.html and grid.css
A: HTML- <html lang="en"><head><meta charset="UTF-8"><meta name="viewport"…
Q: 5. Next, you need to apply a 5e0ms animation called fall to each sticky note. fall should move each…
A: Style.css: body { margin: 20px auto; font-family: 'Lato'; background:#666; color:#fff;} *{…
Q: an appropriate HTML code to get the following output: Title: Lab Exercise Five Background color:…
A: <h2> - for heading <table> - to create table <tr> - table row <th> - table…
Q: Design a web page with a canvas with the id c2, width – 300 height 300 with solid border with Blue…
A: Design a web page with a canvas with the id c2, width – 300 height 300 with solid border with Blue…
Q: *{ background-color: gray; } a{ text-decoration: none; color: yellow; font-size:…
A: There is mistake in one line only. I will give you whole code plus will highlight the error line.…
Q: the input for question 1 (01.html) EXAM5 Makeup form{color:navy;} table{border:5px solid…
A: It is defined as Hyper Text Markup Language, which is the most widely used language on Web to…
Q: Write an HTML program to create an EXTERNAL Style sheetusing element and format it with the…
A: According to the asked question, the solution is given below with a proper explanation.
Q: this is what I have so far I need help with seperading the style sheet into three files: colors.css…
A: body{ margin:0px; padding:0px; } #holder{ border:0px solid; width:1365px;…
Q: CSS Q1. By using the program below: Kindly change the color of the element with id="para1", to…
A: Note: Since the given question is multiple one we are advised to do only first question kindly post…
Q: dth:160px; height:160px; border:1
A: A simulation creates a model of a real-world situation, allowing us to introduce a variety of…
Q: 1) use the tag selector to select all of the elements with an h1 tag and turn them green 2) use the…
A: As per our company guidelines, we are supposed to answer only the first 3 sub-parts. Kindly repost…
Q: With the use of HTML and CSS, create an overlay effect whenever you hover over an image. (a) The…
A: In this HTML CSS Development, We have to create a HTML, CSS code which will create a overlay effect…
Q: I almost have it done but I don't know how to get them to stay in their final position after the…
A: Here we write code to animation:…
Q: ESS Requirements
A: The Java GridLayout class is used to arrange the components in a rectangular grid. One component is…
Q: Add designs to this webpage to make it look better. Use Html codes or Css as internal file.
A: Add designs to this webpage to make it look better. Use Html codes or Css as internal file. Internal…
Q: this is what I have so far I need help with seperading the style sheet into three files: colors.css…
A: body{ margin:0px; padding:0px; } #holder{ border:0px solid; width:1365px;…
Q: Design the below responsive layouts for mobile and tablet using HTML and CSS GRID. Write Tablet…
A: Need to design template for the given structure using HTML and CSS :
Q: I need to split these into grid.html and grid.css and to make I need help because right now my…
A: grid html <html lang="en"><head><meta charset="UTF-8"><meta name="viewport"…
Q: 5. Next, you need to apply a 500ms animation called fall to each sticky note. fall should move each…
A: Stle.css: body { margin: 20px auto; font-family: 'Lato'; background:#666; color:#fff;} *{…
Q: the html code is like this ---- Gallery zoo zoo zoo Z O O this is zoo…
A: Answer: HTML Source Code: <!DOCTYPE html> <html lang="en" dir="ltr" id="top">…
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: I need to code the CSS to the image below relative to this HTML: a b x y one two three…
A: For the above code, the Internal style sheet used. Note: color may vary.
Q: CSS Requirements Create three break points using media queries in at least one style sheet to alter…
A: Your code is given below:
Q: e a page showing two animal photos, and a drawing. Use whatev er animal you like. I'll use…
A: we need 1html file, 1css file and two images html file name-index.html css file name-style.css 2…
Q: 5. Next, you need to apply a 500ms animation called fall to each sticky note. fall should move each…
A: body { margin: 20px auto; font-family: 'Lato'; background:#666; color:#fff;} *{ margin:0;…
Q: ESS Requirements Separate your style sheets into three /styles/colors.css /styles/formatting.css…
A: <!DOCTYPE html><html><head><style>input:required { background-color:…
Q: Design a web page by using div, h1, h2 and image elements as given below. Implement also the box…
A: I am going to design an internal stylesheet to implement the box model and then finally I will…
Q: I need to split these into grid.html and grid.css and to make I need help because right now my…
A: GRID.HTML <html lang="en"><head><meta charset="UTF-8"><meta name="viewport"…
Q: Using HTML and Javascript inside section use tag to create a vector graphic area with 200 points…
A: Here is the code for the given problem. I will provide you the three thing 1. Html code 2. CSS Code…
Q: 5. Next, you need to apply a 500ns animation called fall to each sticky note. fall should move each…
A: body { margin: 20px auto; font-family: 'Lato'; background:#666; color:#fff;} *{ margin:0;…
Q: 5. Next, you need to apply a seens animation called fall to each sticky note. fall should move each…
A: body { margin: 20px auto; font-family: 'Lato'; background:#666; color:#fff;} *{ margin:0;…
Q: _CSS rule that add 10px of padding ONLY to the bottom of an element. O padding-bottom: 10px; O…
A: We are given a Multiple choice question related to CSS property in web development. We have to…
Q: (FBLM) Modify the example in Fig. 5.16 to use a vertical flexbox. Use HTML-CSS…
A: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Flexible…
Q: 3) Write an HTML program to create an EXTERNAL Style sheet using element and format it with the…
A: <!DOCTYPE html><html><head> <link rel="stylesheet"…
Q: The HTML code below includes CSS code and Javascript code, explain the outputs of this code and…
A: Find the comments in the code <!DOCTYPE html> <html> <head> <style> body {…
Q: CSS Requirements Separate your style sheets into three • Istyles/colors.css • Istyles/formatting.css…
A: Flexbox properties Properties for the Parent(flex container) display This defines a flex…
Q: this is what I have so far I need help with seperading the style sheet into three files: colors.css…
A: CSS Transitions are controlled using the shorthand transition property. This is the best way to…
Q6. By using the program below: Kindly Set the transparency/opacity of the <h1> element to "0.4".
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
background-color: red;
}
</style>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
Step by step
Solved in 3 steps with 1 images
- flex container is created with six elements labeled A through F as shown. A F D E C B Which declaration produce the presentation of the elements shown in the image? Flex-direction: row; justify-content: space -between Flex-direction: row- reverse; justify-content: center Flex-direction: row- reverse; justify-content: space – around Flex-direction: row-reverse; justify – content:space-between|When you use the same code to perform a routine operation, you can save it as |this and reuse that code over and over by simply typing in the whatever you name it. An example would be printf() |Abstraction if you are using a drag and drop web design program and want to insert a picture by dragging the picture element to the page, the actual code is written because of your actions even if you do Function not see the code.The following program rotates a cube with mouse clicks. In the display callback, the Lookat function is used to point the viewer, whose location can be altered by the x, X, y, Y, z and Z keys. The perspective view is set in the reshape callback. Create the code /* cubeview.cpp */ #include <stdlib.h> #include <GL/glut.h> GLfloat vertices[][3] = {{-1.0,-1.0,-1.0},{1.0,-1.0,-1.0}, {1.0,1.0,-1.0}, {-1.0,1.0,-1.0}, {-1.0,-1.0,1.0}, {1.0,-1.0,1.0}, {1.0,1.0,1.0}, {-1.0,1.0,1.0}}; GLfloat normals[][3] = {{-1.0,-1.0,-1.0},{1.0,-1.0,-1.0}, {1.0,1.0,-1.0}, {-1.0,1.0,-1.0}, {-1.0,-1.0,1.0}, {1.0,-1.0,1.0}, {1.0,1.0,1.0}, {-1.0,1.0,1.0}}; GLfloat colors[][3] = {{0.0,0.0,0.0}, {0.0,0.0,1.0}, {0.0,1.0,0.0}, {0.0,1.0,1.0}, {1.0,0.0,0.0}, {1.0,0.0,1.0}, {1.0,1.0,0.0}, {1.0,1.0,1.0}}; void polygon(int a, int b, int c , int d) {…
- 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=x = zeros(uint8(5,5)); for i = 1:5 for j = 1:5 a = 5/i; x(i,j) = 255/a; end end Which of the following best describes the black and white image x? 1. The columns of x will get lighter from left to right 2. The rows of x will get lighter from top to bottom 3. The rows of x will get darker from top to bottom 4. The columns of x will get darker from left to right
- use the given code to answer the following questions. <style> #wrapper { Display: flex; Flex- wrap: wrap; Justify-content: space-between ; } .box { Width: 500px; Border: solid 1px blue; Margin:5px; } </style> <div id “wrapper”> <div class “box”> Box 1</div> <div class “box”> Box 2</div> <div class “box”> Box 3</div> <div class “box”> Box 4</div> </div> How will the boxes be arranged if the viewpoints width is 600px? Two rows of two A single row of four A row of three with one below A single column of fourbody { font-family: Georgia, serif; font-size: 100%; line-height: 175%; margin: 0 15% 0; background-color:rgb(210,220,157); background-image: url("/Users/332bo/Desktop/Week_9_Lab/images/bullseye.png"); /* Rounded Shape image */ /* background-repeat:round space; */opacity: 0.5; background-size: contain; } header { margin-top: 0; padding: 3em 1em 2em 1em; text-align: center; border-radius:4px; background-color:hsl(0, 14%, 95%); background-image: url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png"); background-repeat: repeat-x; } a { text-decoration: none; color:rgb(153,51,153); } a:visited { color: hsl(300, 13%, 51%); } a:hover { background-color: #fff; } a:focus { background-color: #fff; } a:active{color:#ff00ff;} h1 { font: bold 1.5em Georgia, serif; text-shadow: 0.1em 0.1em 0.2em gray; color: rgb(153,51,153);} h2 { font-size: 1em; text-transform: uppercase; letter-spacing: 0.5em; text-align: center; color:rgb(204,102,0); }dt { font-weight: bold; } strong { font-style: italic; }…1- When it is used the coordinate in the form @X,Y in AutoCAD, this coordinate system called: a) Absolute Cartesian (X,Y) coordinates b) Relative X,Y coordinates c) Relative polar coordinates d) Polar coordinate system e) None of the above 2- The panel in the 3D modelling workspace that includes the commands of Solid Union, Solid Subtract and Copy Edges ...etc., known as: a) Modelling b) Mesh c) Modify d) Solid Editing e) Draw 3- The figure shown on the right side below, how many times of rectangular array command have been used: a) Three times b) One time c) Four times d) Five times e) None of the above 4- What is the appropriate command used to enlarge or reduce the selected object below: a) Copy b) Mirror 1.50 c) Scale d) Rotate e) Stretch O
- Suppose you are using a jQuery animation to make an element change color when the user clicks on it, and you also want to execute a function as soon as the animation finishes running. How can you do this? a. Pass the function in as the first argument to theanimate()method called on the element. b. Use anif elseblock with thehasClass()method to determine when to call the function. c. Pass the function in as the final argument to theanimate()method called on the element. d. You cannot accomplish this using jQuery commands.Given the following 1D array of 7 strings: "SHIP" "CUP" The first element located at index 0 is "LION". The last element located at index 6 is "CUP". (Note that the indexing starts from 0) "LION" "ICE" "YOLK" "ROCK" "POT" Perform Selection Sort to rearrange the elements in alphabetical order. Simulate the algorithm and fill in the required array element values in the following items. You have the option not to to type the double quotes in your answers.Assignment For assignments 1 and 2, your Big-O notation and justification will be written in the HTML section of JSFiddle. You will be using the Javascript array Programming Assignment Part 1 – Using your JSFiddle account and JavaScript, you will create a program that will instantiate an integer array of a specified size. This means you must create a text box interface and a button “Create Array”. Put a default value of 100 in the Text Box. When the user clicks “Create Array” create an array and fill each array element with a random integer between 1 and 100. You will need to research the random function to do this (the JavaScript function is Math.random()). This array should be a global variable. You will next need an interface (same JSFiddle) with a second and third Text Box and button. The button will say “Insert into Array”. It will trigger a function that will read a number from the second Text Box and insert it into the array at the index of the third Text Box. This will be done…