show output of this html code: paragraph Paragraph with blue colour
Q: MASTER MIND function MakeDot(colour) { var string = ''; return string; } MASTER MIND…
A: <!DOCTYPE html> <html lang="en"> <head> <title>MASTER MIND</title>…
Q: The online menu is looking pretty good, but let's put a few finishing touches on it. Open the…
A: Answer 1: to remove the spaces in flex so we uses. section { justify-content : flex-start; }…
Q: !DOCTYPE html> Contact me Home Contact About Contact…
A: Given : HTML Code. We need to apply the given navigation element to the HTML code.
Q: In HTML, the head of the document is enclosed in a pair of …………… and and and…
A: html stands for hypertext mark up language. It uses many tags that are enclosed in form of <>…
Q: Create a web form as shown below that allows the user to select a team's starting lineup for a game.…
A:
Q: 1. Use an embedded style sheet for this exercise. Start by adding a style el- ement in the head of…
A: First of all, I have created an embedded style sheet in the HTML file below the title tag then I…
Q: The following style is being used in an HTML document. Which letter will have only a line through it…
A: ANS: - The correct option is (D). D.
Q: Use an embedded style sheet for this exercise. Star
A: embedded or inline style means providing the style rules with in the html tags .
Q: Online Library Enter ISBN :…
A: According to the above question there are different methods to add CSS: 1) Inline CSS by usnig style…
Q: create a start botton , it will randomly create 10 different names with gender and age like this…
A: Add event listener click function to the submit button to call name function in js file use a random…
Q: Colorful Interactions Setting Up: 1. Add the following HTML after the form created in Part 1 of this…
A: Code : <!DOCTYPE html><html><head> <script…
Q: Black Goose Bakery Grid html { box-sizing: border-box; } * { box-sizing: inherit; } body {…
A: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta…
Q: Hello OpenCV.js Chess.js OpenCV.js is loading...…
A: This HTML code is a basic web page that uses OpenCV.js, a JavaScript library for computer vision, to…
Q: Colorful Interactions Setting Up: 1. Add the following HTML after the form created in Part 1 of this…
A: <!DOCTYPE html> <html> <head> <script…
Q: Black Goose Bakery Grid html { box-sizing: border-box; } * { box-sizing: inherit; } body {…
A: I did all the required changes in the below html code.
Q: By using the program below: Kindly Set the to "italic", "20px" and "Verdana".…
A: In order to set style in the given html. We need to put CCS style inside <style>as follows…
Q: span { color : blue; } Information Technology Program what will…
A: Inline CSS has the highest priority than the internal CSS. <html> <head>…
Q: 3. add nav, main, and footer elements (.. .)
A: //<nav> tag: <nav> tag is used to define set of navigation links. //save below program…
Q: how to put the outputs in an array named 10 .and delete 0
A: Introduction: Syntax to declare an array: const array_name=[]; Syntax to add an element to an…
Q: Which styles are applied directly to elements within an html file?
A: Cascading style sheets(CSS) are used to apply styles to the HTML file i.e Web page CSS can be…
Q: Open the the gallery, txt (attached) file and save it as gallery1.html Make copies of the…
A: HTML is hypertext markup language, which is used to create web content in a web browser. HTML…
Q: Black Goose Bakery Grid html { box-sizing: border-box; } * { box-sizing: inherit; } body {…
A: Please go through the below code modified code.
Q: JavaScript MultiplicationTable 1- write function that first row and first colum be yellow…
A: Algorithm: Start Define a function named "multiplicationTable". Inside the function, get the values…
Q: The following HTML code has some syntax errors, retype it correctly without any errors.…
A: Hello Student. Warm welcome from my side. Hope you are doing great. Here's your answer.
Q: The HTML code below has 4 unique issues that do not conform to the XHTML syntax rules. Identify…
A: To identify the errors in the given code.
Q: <DOCTYPE><html><heal><tite><meta>head><body> <p>Chapter…
A: The solution to the above problem is given below. The given code is changed according to the tasks…
Q: Black Goose Bakery Grid html { box-sizing: border-box; } * { box-sizing: inherit; } body {…
A: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta…
Q: Title Which student would you like to know about? Your results are here function…
A: #Python program that parses(start) the JSON output and displays the container #json file import json…
Q: 76) Sample HTML for webpage is given This is the title of the page #content { Border :…
A: The last bracket is the closing bracket for <html> tag, which even removed will make the page…
Q: Whan you are done experimenting, set align-items back to stretch. Instead of having all the items on…
A: There were four layout modes prior to the Flexbox Layout module: For portions of a webpage, use a…
Q: External Style Sheets There are three ways to apply CSS to HTML: inline styles, embedded style…
A: CSS styles can be linked to html code as a external style sheet .
Q: A form is created with HTML tags, not JavaScript code, in the section of the HTML file with the…
A: The answer is
Q: Hands-On Practice 14.9.(SHOWN ABOVE). Add a text box for the user’s city. Ensure that this text box…
A: JavaScript is the most popular scripting language for the web. It allows for designing interactive…
Q: In this exercise, we'll set up the grid template for the page shown in FIGURE 16- 37. We'll place…
A: The CSS grid styles are used as per instructions given in the question WITHOUT changing any of the…
Q: Given: a span { color : red; } Information…
A: The Html tag <html> is used to define an HTML document with head and body. The script element…
Q:
A: Given code : <!DOCTYPEhtml><hTm><head><title>Page…
show output of this html code:
<html>
<head>
<title>paragraph</title>
</head>
<body>
<p style="color:blue;">Paragraph with blue colour</p>
</body>
</html>
![](/static/compass_v2/shared-icons/check-mark.png)
Step by step
Solved in 4 steps with 2 images
![Blurred answer](/static/compass_v2/solution-images/blurred-answer.jpg)
- body { 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; 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; } ul {…sys.stderr = sys.stdouts form = cgi.FieldStorage() print('Content-type: text/html\n') if debugmode: cgi.print_form(form). Results: AttributeError: module 'sys' has no attribute 'stdouts' what is incorrectScenario Wilson Zoo would like you to implement and test a web application to be used to order drinks at their smoothie and milkshake shack, The Monkey Bar. Basic Application Your web application must have one HTML file and one JS file (no navigation or style is needed) you may use a single style sheet to show and hide elements as per the specification provide suitable form elements to allow the customer to select a drink, by choosing: size, type, ingredients, base and extras, as shown below display the cost of the current drink, for example: provide a button to add the current drink to an order display the full details and cost of all drinks that have been added to the order, for example: display a running total of the cost of the order, for example: provide a button to place the order which simply outputs a message stating the order has been received and resets the screen The customer can pick the following options for their drink: size: small - £2.45 medium…
- When a CSS stylesheet is used and class="btn-group" is found in HTML, what CSS selector would style that HTML? A) btn-group B) #btn-group C) .btn-group D) :btn-groupflex 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-betweenImagine that an xhtml document contains the following hyperlink tag I am Seven. When the link text (Seven) is clicked, the servlet with the URL pattern /process is called. Rewrite the code to instead use a form that submits to the same servlet to produce the exact same response using hidden form elements for any form parameters. The form should contain a submit button with the button text Seven. The form method should be get (case sensitive answer).
- I need help with this, please. Thanks Develop an Expand/Collapse application using JQUERYIn this exercise, you’ll develop an application that displays the first paragraph of text for three topics and then lets the user click a link to expand or collapse the text for each topic.2. Review the HTML. Note that each topic consists of two div elements followed by an <a> element. Also, note that a class named “hide” is assigned to the second div element of each topic. Then, review the style rule for this class.3. In the JavaScript file, add an event handler for the ready() event method.4. Within the ready() event method, code an event handler for the click() event method of the <a> elements. This event handler should start by preventing the default action of the link and storing the clicked link in a constant. Then, it should use the toggleClass() method to add or remove the “hide” class from the div element above the link element that’s clicked depending on whether that class is…<style>// selecting required elementconst element = document.querySelector(".pagination ul");let totalPages = 10;let page = 2; //calling function with passing parameters and adding inside element which is ul tagelement.innerHTML = createPagination(totalPages, page);function createPagination(totalPages, page){ let liTag = ''; let active; let beforePage = page - 1; let afterPage = page + 1; if(page > 1){ //show the next button if the page value is greater than 1 liTag += `<li class="btn prev" onclick="createPagination(totalPages, ${page - 1})"><span><i class="fas fa-angle-left"></i> Prev</span></li>`; } // how many pages or li show before the current li if (page == totalPages) { beforePage = beforePage - 2; } else if (page == totalPages - 1) { beforePage = beforePage - 1; } // how many pages or li show after the current li if (page == 1) { afterPage = afterPage + 2; } else if (page == 2) { afterPage = afterPage +…body { 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; }…
- Question 9 Program a CSS ruleset that will set the root font size for the HTML document to match the user's browser preference. Feedback Question 2 Program a CSS media query that is triggered if the screen is at least 900px wide, but use em as the size unit in the query. Within the media query, write a rule for an element with a id equal to header. That rule should set the font size to three times the current size. Note: You should assume the parent element's font-size is equivalent to 16px. @media screen and (min-width: 56.25em) { .header { font-size:300%; } }body { 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/blackgoose.png"); /* Rounded Shape image */ background-size: contain; } bgc { width: 200px; height: 200px; display: block; position: relative; } bgc::after { content: ""; background: url(/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png); opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } header { margin-top: 0; padding: 3em 1em 2em 1em; text-align: center; border-radius:4px; background: url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png") repeat-y left top,url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png") repeat-y right top,url("/Users/332bo/Desktop/Week_9_Lab/images/gooseshadow.png") 90% bottom no-repeat;background-color:hsl(0, 14%, 95%); } a { text-decoration: none; color:rgb(153,51,153); } a:visited { color: hsl(300, 13%, 51%); } a:hover {…body { 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/blackgoose.png"); /* Rounded Shape image */ background-size: contain; } bgc { width: 200px; height: 200px; display: block; position: relative; } bgc::after { content: ""; background: url(/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png); opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; } header { margin-top: 0; padding: 3em 1em 2em 1em; text-align: center; border-radius:4px; background: url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png") repeat-y left top,url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png") repeat-y right top,url("/Users/332bo/Desktop/Week_9_Lab/images/gooseshadow.png") 90% bottom no-repeat;background-color:hsl(0, 14%, 95%); } a { text-decoration: none; color:rgb(153,51,153); } a:visited { color: hsl(300, 13%, 51%); } a:hover {…
![New Perspectives on HTML5, CSS3, and JavaScript](https://www.bartleby.com/isbn_cover_images/9781305503922/9781305503922_smallCoverImage.gif)
![New Perspectives on HTML5, CSS3, and JavaScript](https://www.bartleby.com/isbn_cover_images/9781305503922/9781305503922_smallCoverImage.gif)